diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 00000000..c8cd739d
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,379 @@
+# CLAUDE.md - Fashion-Forward Shopify Theme
+
+## Project Overview
+
+This project is a premium Shopify theme built on the **Skeleton Theme** foundation, targeting the Shopify Theme Store. The theme draws inspiration from **Prestige** but pushes further into high-fashion, editorial aesthetics.
+
+**Theme Codename:** *Influence*
+**Target Market:** Luxury fashion, designer brands, high-end accessories, curated boutiques
+**Design Philosophy:** Bold minimalism meets editorial sophistication
+
+---
+
+## Vision & Design Direction
+
+### Core Aesthetic
+- **Editorial fashion magazine** feel - think Vogue, Harper's Bazaar
+- **Bold typography** with dramatic scale contrasts
+- **Generous whitespace** that lets products breathe
+- **Asymmetric layouts** that feel curated, not templated
+- **Subtle, refined animations** that convey luxury (no gimmicks)
+- **Monochromatic palettes** with strategic accent colors
+- **Full-bleed imagery** with cinematic aspect ratios
+
+### Differentiation from Prestige
+| Prestige | Influence |
+|----------|-----------|
+| Classic luxury | Contemporary fashion-forward |
+| Balanced symmetry | Intentional asymmetry |
+| Traditional grid | Editorial/magazine layouts |
+| Subtle typography | Bold typographic statements |
+| Standard product cards | Editorial product presentations |
+| Conventional navigation | Fashion-week inspired navigation |
+
+---
+
+## Technical Foundation
+
+### Base Theme
+- **Skeleton Theme v0.1.0** (required for new Theme Store submissions)
+- No Dawn or Horizon code permitted
+- All code must be original or from Skeleton
+
+### Directory Structure
+```
+skeleton-influence/
+├── assets/           # CSS, SVGs, fonts (no SCSS)
+├── blocks/           # Reusable nested components
+├── config/           # settings_schema.json, settings_data.json
+├── layout/           # theme.liquid, password.liquid
+├── locales/          # en.default.json, schema translations
+├── sections/         # Full-width modular components
+├── snippets/         # Reusable Liquid fragments
+└── templates/        # JSON templates (OS 2.0)
+```
+
+---
+
+## Theme Store Requirements Checklist
+
+### 1. Required Templates
+All must be JSON format (except noted):
+- [ ] `theme.liquid` (layout)
+- [ ] `404.json`
+- [ ] `article.json`
+- [ ] `blog.json`
+- [ ] `cart.json`
+- [ ] `collection.json`
+- [ ] `index.json`
+- [ ] `list-collections.json`
+- [ ] `page.json`
+- [ ] `page.contact.json`
+- [ ] `password.json`
+- [ ] `product.json`
+- [ ] `search.json`
+- [ ] `gift_card.liquid` (special Liquid template)
+- [ ] `settings_data.json`
+- [ ] `settings_schema.json`
+
+### 2. Required Features
+- [ ] **Sections Everywhere** - All templates support sections
+- [ ] **Discounts** - Display on cart, checkout, order templates
+- [ ] **Accelerated checkout buttons** - Product + Cart pages (enabled by default)
+- [ ] **Faceted search filtering** - Collection + Search pages
+- [ ] **Gift cards** - With Apple Wallet, QR code support
+- [ ] **Image focal points** - Respect focal point settings
+- [ ] **Social sharing images** - page_image object
+- [ ] **Country/currency selector** - For international selling
+- [ ] **Language selector** - Multi-language support
+- [ ] **Multi-level menus** - Nested dropdown navigation
+- [ ] **Newsletter forms** - Email collection
+- [ ] **Pickup availability** - Product page
+- [ ] **Related product recommendations** - Product page
+- [ ] **Complementary product recommendations** - Product page
+- [ ] **Predictive search** - With search template
+- [ ] **Selling plans/subscriptions** - Cart + Customer pages
+- [ ] **Shop Pay Installments** - Product page banner
+- [ ] **Unit pricing** - Collection, Product, Cart, Customer pages
+- [ ] **Variant images** - Show on variant selection
+- [ ] **Follow on Shop button** - Using login_button filter
+- [ ] **Product swatches** - Using swatch.image and swatch.color
+- [ ] **Gift card recipient** - form.email, form.name, form.message, send_on
+
+### 3. Section & Block Requirements
+- [ ] **Custom Liquid section** - Available on all templates
+- [ ] **Header/Footer in section groups** - Dynamic reordering
+- [ ] **Product page blocks** - Price, vendor, description as separate blocks
+- [ ] **App blocks support** - @app blocks in product sections
+- [ ] **Custom Liquid blocks** - Where app blocks are appropriate
+
+### 4. Performance & Accessibility Targets
+- [ ] **Lighthouse Performance:** Minimum 60 (desktop + mobile)
+- [ ] **Lighthouse Accessibility:** Minimum 90 (desktop + mobile)
+- [ ] **Color contrast:** 4.5:1 body text, 3:1 large text/icons
+- [ ] **Touch targets:** Minimum 24x24 CSS pixels
+- [ ] **Keyboard navigation:** Full support with visible focus states
+- [ ] **Valid HTML:** No markup errors
+- [ ] **Alt text:** All images use image.alt or image_tag alt
+
+### 5. Browser Support
+**Desktop:**
+- Safari (latest 2)
+- Chrome (latest 3)
+- Firefox (latest 3)
+- Edge (latest 2)
+
+**Mobile:**
+- Mobile Safari (latest 2)
+- Chrome Mobile (latest 3)
+- Samsung Internet (latest 2)
+
+**Webviews:**
+- Instagram, Facebook, Pinterest (latest)
+
+---
+
+## Design System
+
+### Typography
+Use Shopify's font_picker setting type. Load bold, italic, bold-italic variants via font_modify filter.
+
+**Suggested Pairings (fashion-forward):**
+- Headings: Didone serif (high contrast) or geometric sans
+- Body: Clean, readable sans-serif
+- Accent: Display font for editorial moments
+
+### Color System
+Minimum 4 colors required. Each background needs corresponding foreground.
+
+**Recommended Palette Structure:**
+- Primary background (light)
+- Primary foreground (dark)
+- Secondary background (accent)
+- Secondary foreground
+- Accent color
+- Sale/error color
+
+### Spacing System
+Use CSS custom properties for consistent spacing scale:
+```css
+--space-xs: 0.25rem;
+--space-sm: 0.5rem;
+--space-md: 1rem;
+--space-lg: 2rem;
+--space-xl: 4rem;
+--space-2xl: 8rem;
+```
+
+### Grid System
+Fashion-forward layouts using CSS Grid:
+- Full-bleed hero sections
+- Asymmetric product grids
+- Magazine-style article layouts
+- Generous margins (use --min-page-margin)
+
+---
+
+## Section Roadmap
+
+### Header Sections
+- [ ] **Header** - Sticky, minimal, with mega menu support
+- [ ] **Announcement bar** - Dismissible, animated
+
+### Hero Sections
+- [ ] **Full-bleed hero** - Video/image with text overlay
+- [ ] **Split hero** - Image + text side-by-side
+- [ ] **Editorial hero** - Magazine-style with multiple images
+
+### Product Sections
+- [ ] **Featured product** - With all blocks, app blocks
+- [ ] **Product grid** - Asymmetric option
+- [ ] **Product carousel** - Horizontal scroll
+- [ ] **Lookbook** - Hotspots on images
+
+### Collection Sections
+- [ ] **Collection banner** - Full-width with filters
+- [ ] **Collection grid** - With pagination, sorting, filtering
+- [ ] **Featured collections** - Grid/carousel
+
+### Content Sections
+- [ ] **Rich text** - Editorial typography
+- [ ] **Image with text** - Multiple layout options
+- [ ] **Image gallery** - Masonry/grid options
+- [ ] **Video** - YouTube/Vimeo/hosted
+- [ ] **Testimonials** - Carousel/grid
+- [ ] **Logo list** - Brand partners
+- [ ] **Newsletter** - Email signup
+- [ ] **Contact form** - Styled form
+- [ ] **Custom Liquid** - Required
+
+### Footer Sections
+- [ ] **Footer** - Multi-column, social, payment icons, menus
+
+---
+
+## Code Standards
+
+### Liquid
+- Use `routes` object for all URLs
+- Never modify `content_for_header`
+- Use `request.locale.iso_code` for lang attribute
+- Use `rel="nofollow"` on Shopify domain links
+- Support `request.design_mode` for editor preview
+
+### CSS
+- **No SCSS** - Native CSS only (.css or .css.liquid)
+- **No minification** - Shopify handles this
+- Use CSS custom properties for theming
+- Mobile-first responsive design
+- Use `{% stylesheet %}` for scoped section styles
+
+### JavaScript
+- ES6+ syntax (unminified)
+- No jQuery dependency
+- Vanilla JS preferred
+- Third-party libraries must be licensed
+
+### Images
+- Use responsive image strategy
+- Lazy loading for below-fold images
+- Support focal points
+- Use image_url filter for optimization
+
+### Assets
+- Protocol-relative URLs only
+- No hardcoded http/https
+- Host all scripts on Shopify (except approved third-party)
+
+---
+
+## SEO Requirements
+
+- [ ] Title, meta description, canonical URL in all templates
+- [ ] Open Graph tags
+- [ ] Twitter Card tags
+- [ ] JSON-LD structured data (especially products)
+- [ ] No robots.txt.liquid template
+
+---
+
+## Settings Terminology
+
+Use these Shopify-approved terms:
+
+| Use | Don't Use |
+|-----|-----------|
+| home page | homepage |
+| heading | title |
+| subheading | sub-heading |
+| signup | sign-up |
+| navigation | menus |
+| cart type | Ajax cart |
+| color | colour |
+| center | centre |
+
+**Text style:** Sentence case, no ampersands, active voice, American English.
+
+---
+
+## Demo Store Requirements
+
+- Fully realistic content (no Lorem Ipsum)
+- Professional, high-quality imagery
+- Products that match fashion/luxury positioning
+- All sections populated with meaningful content
+- Inspiring merchant experience
+
+---
+
+## Preset Strategy
+
+**Required:** One preset must share theme name ("Influence")
+
+**Suggested Presets (3 total):**
+1. **Influence** - Core black/white editorial aesthetic
+2. **Runway** - Bolder, more colorful fashion-week vibe
+3. **Atelier** - Softer, artisanal luxury feel
+
+Each preset: 1-2 words, under 30 characters, unique from other themes.
+
+---
+
+## Development Workflow
+
+### Local Development
+```bash
+# Install Shopify CLI
+npm install -g @shopify/cli @shopify/theme
+
+# Start development server
+shopify theme dev --store your-store.myshopify.com
+```
+
+### Quality Checks
+```bash
+# Run Theme Check linter
+shopify theme check
+
+# Test Lighthouse scores
+# Use benchmark dataset for consistent testing
+```
+
+### Before Submission
+1. Run Theme Check - fix all errors
+2. Test all templates with real content
+3. Verify Lighthouse scores (Performance 60+, Accessibility 90+)
+4. Test on all required browsers
+5. Test keyboard navigation
+6. Verify color contrast ratios
+7. Check mobile responsiveness
+8. Test in Instagram/Facebook/Pinterest webviews
+
+---
+
+## File Naming Conventions
+
+- Sections: `section-name.liquid` (kebab-case)
+- Snippets: `snippet-name.liquid` (kebab-case)
+- Blocks: `block-name.liquid` (kebab-case)
+- Templates: `template.json` or `template.type.json`
+- Assets: `descriptive-name.css`, `descriptive-name.js`
+
+---
+
+## Prohibited
+
+- Dawn or Horizon derived code
+- SCSS files
+- Minified CSS/JS (except ES6+ and third-party)
+- External script hosting (except approved libraries)
+- App-dependent functionality
+- Fake urgency/scarcity tactics
+- Designer credits or affiliate links
+- config/markets.json file
+
+---
+
+## Resources
+
+- [Skeleton Theme](https://github.com/shopify/skeleton-theme)
+- [Theme Store Requirements](https://shopify.dev/docs/storefronts/themes/store/requirements)
+- [Liquid Reference](https://shopify.dev/docs/api/liquid)
+- [Theme Check](https://shopify.dev/docs/storefronts/themes/tools/theme-check)
+- [Performance Best Practices](https://shopify.dev/docs/storefronts/themes/best-practices/performance)
+- [Accessibility Best Practices](https://shopify.dev/docs/storefronts/themes/best-practices/accessibility)
+- [Color System Best Practices](https://shopify.dev/docs/storefronts/themes/best-practices/design/color-system)
+
+---
+
+## Notes for Claude
+
+When working on this theme:
+1. Always check existing Skeleton code before creating new files
+2. Maintain the minimalist, fashion-forward aesthetic
+3. Prioritize performance - every KB matters
+4. Test accessibility as you build
+5. Use semantic HTML
+6. Keep settings organized and clearly labeled
+7. Follow Shopify terminology exactly
+8. Support all required features before adding extras
diff --git a/SECTION-AUDIT.md b/SECTION-AUDIT.md
new file mode 100644
index 00000000..ace94562
--- /dev/null
+++ b/SECTION-AUDIT.md
@@ -0,0 +1,629 @@
+# Influence Theme - Section Audit & Recommendations
+
+**Audit Date:** January 2026
+**Theme Version:** Current Development
+**Total Sections:** 45 files
+
+---
+
+## Executive Summary
+
+The Influence theme has a strong foundation with **18 comprehensive, production-ready sections** covering core Shopify Theme Store requirements. The theme demonstrates editorial sophistication with features like a 3D product carousel and refined animations. However, several sections from the roadmap are missing, and there are opportunities to further differentiate this theme in the luxury fashion market.
+
+### Quick Stats
+
+| Category | Count | Notes |
+|----------|-------|-------|
+| Production-Ready | 18 | Full features, Theme Store compliant |
+| Functional/Basic | 21+ | Template sections, minimal styling |
+| Missing (Roadmap) | 6 | Critical gaps to address |
+| Recommended New | 8+ | Fashion-forward differentiators |
+
+---
+
+## Part 1: Current Section Inventory
+
+### Header Group (3 Sections)
+
+#### 1. `header.liquid` - Status: COMPREHENSIVE
+- **Purpose:** Main site navigation
+- **Features:**
+  - Sticky header with scroll detection
+  - Transparent mode (homepage only)
+  - Mega menu support (multi-level dropdowns)
+  - Mobile drawer navigation
+  - Logo positioning (left/center)
+  - Search, account, cart icons
+- **Settings:** Menu, logo position, logo width, sticky toggle, transparent toggle, search/account visibility
+- **Grade:** A - Production ready
+
+#### 2. `footer.liquid` - Status: COMPREHENSIVE
+- **Purpose:** Site footer with navigation and newsletter
+- **Features:**
+  - Multi-column layout via blocks (menu, text, newsletter)
+  - Social media links (7 platforms)
+  - Payment icons
+  - Country/currency selector
+  - Language selector
+- **Settings:** Color scheme, social visibility, payment icons, localization toggles
+- **Grade:** A - Production ready
+
+#### 3. `announcement-bar.liquid` - Status: COMPREHENSIVE
+- **Purpose:** Promotional messaging bar
+- **Features:**
+  - Single or multi-announcement carousel
+  - Auto-rotate with configurable speed
+  - Optional links per announcement
+  - Navigation arrows
+- **Settings:** Color scheme, autoplay toggle, speed (3000-9500ms)
+- **Grade:** A - Production ready
+
+---
+
+### Hero Sections (2 Sections)
+
+#### 4. `hero.liquid` - Status: COMPREHENSIVE
+- **Purpose:** Full-bleed hero section
+- **Features:**
+  - Image or video background (YouTube/Vimeo)
+  - Parallax effect support
+  - Multiple overlay styles (solid/gradient/vignette)
+  - 9-position content placement
+  - Animated scroll indicator
+  - Height options (small/medium/large/full)
+- **Blocks:** subheading, heading, text, button (limit 2)
+- **Settings:** Image, video URL, height, position, overlay type/opacity, scroll indicator
+- **Grade:** A - Editorial fashion-forward
+
+#### 5. `product-carousel-3d.liquid` - Status: ADVANCED
+- **Purpose:** 3D rotating product showcase
+- **Features:**
+  - Scroll-driven 3D carousel effect
+  - Centered title overlay
+  - Price and variant display
+  - Mobile horizontal scroll fallback
+  - Configurable radius (400-700px)
+- **Settings:** Product picker, title, image count, CTA, height, radius, color scheme
+- **Grade:** A+ - Unique differentiator
+
+---
+
+### Product Sections (3 Sections)
+
+#### 6. `main-product.liquid` - Status: COMPREHENSIVE (Critical)
+- **Purpose:** Full product page experience
+- **Features:**
+  - 17 block types supported
+  - Dynamic checkout buttons (enabled by default)
+  - Selling plans/subscriptions
+  - Gift card recipient form
+  - Pickup availability
+  - Shop Pay Installments banner
+  - Product swatches with color/images
+  - Complementary products
+  - @app blocks support
+  - Media gallery (images, videos, 3D models)
+  - Variant-specific images
+  - Collapsible info tabs
+  - Custom Liquid blocks
+- **Blocks:** @app, title, vendor, price, description, variant_picker, quantity_selector, buy_buttons, inventory, pickup_availability, sku, rating, share, collapsible_tab, popup, complementary, custom_liquid, text, divider
+- **Grade:** A - Theme Store compliant
+
+#### 7. `featured-collection.liquid` - Status: MODERATE
+- **Purpose:** Display products from a collection
+- **Features:**
+  - Collection grid display
+  - View all link
+  - Configurable columns (2-4)
+- **Settings:** Heading, subheading, collection picker, product count, columns, color scheme
+- **Grade:** B - Functional but basic
+
+#### 8. `product-recommendations.liquid` - Status: COMPREHENSIVE
+- **Purpose:** AI-powered related products
+- **Features:**
+  - Shopify recommendation engine
+  - AJAX loading
+  - Responsive grid
+- **Settings:** Heading, alignment, product count, columns (desktop/mobile), color scheme
+- **Grade:** A - Uses native Shopify AI
+
+---
+
+### Collection Sections (2 Sections)
+
+#### 9. `main-collection.liquid` - Status: COMPREHENSIVE (Critical)
+- **Purpose:** Full collection page with filtering
+- **Features:**
+  - Faceted search filtering (list, price range, boolean)
+  - Active filter tags with removal
+  - Product sorting
+  - Grid/List view toggle
+  - Pagination
+  - Product count display
+  - Sidebar and drawer filter layouts
+  - Sticky filters option
+  - Color swatches in filters
+- **Settings:** Header visibility, image, description, filters (type, sticky), sorting, view toggle, products per page, columns, color scheme
+- **Grade:** A - Theme Store compliant
+
+#### 10. `collection-list.liquid` - Status: MODERATE
+- **Purpose:** Display all collections
+- **Features:**
+  - Collections grid display
+  - Product count per collection
+  - Responsive layout
+- **Settings:** Heading, alignment, image ratio, count toggle, columns, color scheme
+- **Grade:** B - Basic collection listing
+
+---
+
+### Content Sections (6 Sections)
+
+#### 11. `rich-text.liquid` - Status: COMPREHENSIVE
+- **Purpose:** Editorial text content
+- **Features:**
+  - Drop cap support (fashion-magazine style)
+  - Multiple text styles (body/large)
+  - Narrow width option for readability
+- **Blocks:** subheading, heading, text, button
+- **Settings:** Alignment, text style, narrow toggle, drop cap, color scheme
+- **Grade:** A - Editorial focus
+
+#### 12. `image-with-text.liquid` - Status: COMPREHENSIVE
+- **Purpose:** Two-column layout with image
+- **Features:**
+  - Image position toggle (left/right)
+  - 4:5 aspect ratio (portrait)
+  - Responsive stacking
+- **Blocks:** subheading, heading, text, button
+- **Settings:** Image, position, alignment, color scheme
+- **Grade:** A - Versatile layout
+
+#### 13. `newsletter.liquid` - Status: COMPREHENSIVE (Critical)
+- **Purpose:** Email signup form
+- **Features:**
+  - Customer email collection
+  - Success/error messaging
+  - Privacy disclaimer
+  - Button customization
+- **Blocks:** subheading, heading, text, form
+- **Settings:** Alignment, narrow toggle, color scheme
+- **Grade:** A - Theme Store required
+
+#### 14. `contact-form.liquid` - Status: COMPREHENSIVE (Critical)
+- **Purpose:** Contact page form
+- **Features:**
+  - Required fields: name, email, message
+  - Optional fields: phone, subject
+  - Success/error handling
+- **Settings:** Heading, content, alignment, field toggles, button width, color scheme
+- **Grade:** A - Theme Store required
+
+#### 15. `testimonials.liquid` - Status: COMPREHENSIVE
+- **Purpose:** Customer reviews/quotes
+- **Features:**
+  - Star rating display (0-5)
+  - Author image, name, title
+  - Carousel or grid layout
+  - Touch-friendly navigation
+- **Blocks:** testimonial (unlimited)
+- **Settings:** Heading, alignment, layout, columns, color scheme
+- **Grade:** A - Both layouts supported
+
+#### 16. `custom-liquid.liquid` - Status: BASIC (Critical)
+- **Purpose:** Merchant custom code
+- **Features:**
+  - Liquid code input field
+  - Color scheme wrapper
+- **Settings:** Liquid code, color scheme
+- **Grade:** B - Minimal but required
+
+---
+
+### Blog Sections (3 Sections)
+
+#### 17. `main-blog.liquid` - Status: BASIC
+- **Purpose:** Blog post listing
+- **Grade:** C - Needs enhancement
+
+#### 18. `main-article.liquid` - Status: BASIC
+- **Purpose:** Single blog post
+- **Grade:** C - Needs enhancement
+
+#### 19. `blog-posts.liquid` - Status: UNKNOWN
+- **Purpose:** Featured blog posts
+- **Grade:** ? - Needs review
+
+---
+
+### Cart Sections (2 Sections)
+
+#### 20. `main-cart.liquid` - Status: BASIC
+- **Purpose:** Cart page
+- **Grade:** B - Functional
+
+#### 21. `cart-drawer.liquid` - Status: UNKNOWN
+- **Purpose:** Slide-out cart
+- **Grade:** ? - Needs review
+
+---
+
+### Utility Sections (10+ Sections)
+
+| Section | Purpose | Status |
+|---------|---------|--------|
+| `main-search.liquid` | Search results | Basic |
+| `main-page.liquid` | Generic pages | Basic |
+| `main-404.liquid` | 404 error page | Basic |
+| `main-account.liquid` | Account dashboard | Basic |
+| `main-login.liquid` | Login page | Basic |
+| `main-register.liquid` | Registration | Basic |
+| `main-addresses.liquid` | Address management | Basic |
+| `main-order.liquid` | Order details | Basic |
+| `main-reset-password.liquid` | Password reset | Basic |
+| `main-activate-account.liquid` | Account activation | Basic |
+| `password.liquid` | Store password page | Basic |
+| `faq.liquid` | FAQ accordion | Unknown |
+
+---
+
+## Part 2: Missing Sections (From Roadmap)
+
+### Critical Missing Sections
+
+#### 1. Split Hero Section
+- **Priority:** HIGH
+- **Purpose:** Alternative hero with image + text side-by-side
+- **Fashion Value:** Creates visual variety, allows more text-heavy storytelling
+- **Suggested Features:**
+  - Image position (left/right)
+  - Height options
+  - Content blocks (heading, text, buttons)
+  - Optional reveal animation
+  - Mobile: Stack with image on top
+
+#### 2. Image Gallery / Masonry Section
+- **Priority:** HIGH
+- **Purpose:** Multi-image grid with various layouts
+- **Fashion Value:** Essential for lookbooks, campaign imagery, brand storytelling
+- **Suggested Features:**
+  - Layout options: grid, masonry, asymmetric
+  - Image blocks with captions
+  - Lightbox/modal view
+  - Lazy loading
+  - Hover effects (zoom, overlay)
+
+#### 3. Video Section (Standalone)
+- **Priority:** HIGH
+- **Purpose:** Dedicated video content section
+- **Fashion Value:** Runway footage, brand films, product videos
+- **Suggested Features:**
+  - YouTube/Vimeo/hosted video support
+  - Autoplay (muted) option
+  - Custom poster image
+  - Caption/description text
+  - Full-width and contained options
+  - Loop toggle
+
+#### 4. Lookbook / Hotspot Section
+- **Priority:** HIGH
+- **Purpose:** Shoppable image with product hotspots
+- **Fashion Value:** THE defining fashion feature - shop-the-look
+- **Suggested Features:**
+  - Product hotspot pins (draggable in editor)
+  - Hotspot click reveals product card
+  - Multiple images/slides
+  - Quick add from hotspot
+  - Animated pin indicators
+
+#### 5. Logo List / Brand Partners Section
+- **Priority:** MEDIUM
+- **Purpose:** Display brand/publication logos
+- **Fashion Value:** "As seen in" press mentions, brand collaborations
+- **Suggested Features:**
+  - Logo image blocks
+  - Carousel or grid layout
+  - Grayscale with color on hover
+  - Optional links
+  - Heading/subheading
+
+#### 6. Product Grid Section (Curated)
+- **Priority:** MEDIUM
+- **Purpose:** Hand-picked product grid (not collection-based)
+- **Fashion Value:** Curated edits, "Staff Picks", cross-collection features
+- **Suggested Features:**
+  - Individual product picker (not collection)
+  - Asymmetric layout option
+  - Featured/large tile option
+  - Quick add support
+
+---
+
+## Part 3: Recommended New Sections (Fashion Differentiators)
+
+### 1. Editorial Spread Section
+- **Priority:** HIGH
+- **Purpose:** Magazine-style multi-image layout with text
+- **Fashion Value:** Creates the editorial/magazine feel that differentiates Influence
+- **Suggested Features:**
+  - Asymmetric 2-3 image layout
+  - Large display typography
+  - Pull quote styling
+  - Overlap effects
+  - Full-bleed option
+- **Inspiration:** Vogue editorial layouts, Acne Studios
+
+### 2. Countdown / Event Section
+- **Priority:** MEDIUM
+- **Purpose:** Product launch or sale countdown
+- **Fashion Value:** Creates urgency for drops, runway releases
+- **Suggested Features:**
+  - Date/time picker
+  - Countdown display (days, hours, minutes, seconds)
+  - Background image/color
+  - CTA button
+  - "Notify me" email capture
+- **Note:** Must avoid fake urgency - use for real events only
+
+### 3. Before/After Comparison Slider
+- **Priority:** LOW
+- **Purpose:** Side-by-side image comparison
+- **Fashion Value:** Material quality, styling transformations
+- **Suggested Features:**
+  - Two image pickers
+  - Draggable comparison slider
+  - Vertical/horizontal orientation
+  - Label overlays
+
+### 4. Scrolling Text Marquee
+- **Priority:** MEDIUM
+- **Purpose:** Continuous scrolling text announcement
+- **Fashion Value:** High-fashion runway aesthetic, bold branding
+- **Suggested Features:**
+  - Text content field
+  - Speed control
+  - Font size options
+  - Pause on hover
+  - Multiple text items
+- **Inspiration:** Balenciaga, Off-White websites
+
+### 5. Team / About Section
+- **Priority:** LOW
+- **Purpose:** Brand team or founder showcase
+- **Fashion Value:** Brand story, artisan craftsmanship narrative
+- **Suggested Features:**
+  - Team member blocks (image, name, role, bio)
+  - Grid or carousel layout
+  - Social links per member
+  - Quote/testimonial option
+
+### 6. Size Guide Section
+- **Priority:** MEDIUM
+- **Purpose:** Dedicated sizing information
+- **Fashion Value:** Critical for fashion - reduces returns
+- **Suggested Features:**
+  - Size chart table
+  - Measurement guide images
+  - Unit toggle (cm/inches)
+  - Fit guide text
+  - Accordion by category
+
+### 7. Store Locator Section
+- **Priority:** LOW
+- **Purpose:** Physical store locations
+- **Fashion Value:** Luxury brands often have flagship stores
+- **Suggested Features:**
+  - Location blocks with address
+  - Map integration (or static image)
+  - Hours of operation
+  - Contact info per location
+
+### 8. Instagram Feed Section
+- **Priority:** MEDIUM
+- **Purpose:** Social proof and user-generated content
+- **Fashion Value:** Essential for fashion brands - shows community
+- **Suggested Features:**
+  - Instagram handle input
+  - Grid of recent posts
+  - Link to Instagram profile
+  - Hashtag display
+- **Note:** Requires third-party app integration (mention in docs)
+
+---
+
+## Part 4: Settings Recommendations
+
+### Global Settings Enhancements
+
+#### Typography (Current: Basic)
+**Add:**
+- Accent/display font picker (for editorial moments)
+- Letter-spacing controls (fashion loves tracked-out type)
+- Text transform options (uppercase headers)
+- Line height fine-tuning
+
+#### Colors (Current: 2 schemes)
+**Add:**
+- Third color scheme option (for variety)
+- Accent color picker (independent of schemes)
+- Sale/discount color
+- Gradient options
+
+#### Layout (Current: Basic)
+**Add:**
+- Section vertical spacing presets (compact/default/spacious)
+- Border/divider style options
+- Max content width for text
+- Asymmetric grid toggle
+
+#### Animation (Current: Basic)
+**Add:**
+- Entrance animation options (fade, slide, scale)
+- Scroll-triggered animations
+- Reduced motion support (accessibility)
+- Parallax intensity control
+
+### Section-Specific Setting Gaps
+
+#### Header
+- Mega menu column count
+- Mega menu featured image/product
+- Announcement bar integration toggle
+- Search style (icon only, bar, overlay)
+
+#### Footer
+- Column count options
+- Bottom bar layout options
+- Back to top button
+
+#### Hero
+- Ken Burns (slow zoom) effect
+- Text animation entrance
+- Mobile-specific image option
+- Color overlay color picker
+
+#### Product Page
+- Image zoom style (hover, click, lightbox)
+- Sticky add-to-cart bar
+- Recently viewed products
+- Size chart popup trigger
+
+#### Collection
+- Infinite scroll option
+- Quick view popup
+- Compare products feature
+- Saved filters
+
+---
+
+## Part 5: Priority Implementation Roadmap
+
+### Phase 1: Critical (Theme Store Readiness)
+1. **Lookbook/Hotspot Section** - Fashion essential
+2. **Image Gallery Section** - Basic content need
+3. **Video Section** - Content variety
+4. **Split Hero** - Layout variety
+
+### Phase 2: Differentiation (Fashion-Forward)
+5. **Editorial Spread Section** - Unique to Influence
+6. **Scrolling Marquee** - High-fashion aesthetic
+7. **Logo List** - Brand credibility
+8. **Product Grid (Curated)** - Merchandising flexibility
+
+### Phase 3: Enhancement (Polish)
+9. **Countdown/Event Section** - Launch support
+10. **Size Guide Section** - Reduce returns
+11. **Before/After Slider** - Visual storytelling
+12. **Team/About Section** - Brand story
+
+### Phase 4: Advanced (Stretch Goals)
+13. Store Locator
+14. Instagram Feed (app-dependent)
+15. Advanced search with visual results
+
+---
+
+## Part 6: Competitive Analysis Notes
+
+### What Top Fashion Themes Have
+
+| Feature | Prestige | Broadcast | Impulse | Influence |
+|---------|----------|-----------|---------|-----------|
+| Lookbook/Hotspots | Yes | No | Yes | **MISSING** |
+| Video Section | Yes | Yes | Yes | **MISSING** |
+| Image Gallery | Yes | Yes | Yes | **MISSING** |
+| Marquee Text | No | No | Yes | **MISSING** |
+| Split Hero | Yes | Yes | No | **MISSING** |
+| 3D Carousel | No | No | No | **YES** |
+| Drop Cap Text | No | No | No | **YES** |
+| Mega Menu | Yes | Yes | Yes | **YES** |
+| Sticky Header | Yes | Yes | Yes | **YES** |
+
+### Influence Unique Advantages
+1. 3D Product Carousel - No competitor has this
+2. Editorial typography (drop caps)
+3. Vignette overlay option
+4. Scroll indicator animation
+
+### Gaps vs Competition
+1. Lookbook is table-stakes for fashion - must add
+2. Video section expected
+3. Image gallery for campaigns
+4. Marquee for high-fashion edge
+
+---
+
+## Part 7: Technical Debt & Quality Notes
+
+### Sections Needing Enhancement
+
+1. **main-cart.liquid** - Add:
+   - Cart upsell products
+   - Gift wrapping option
+   - Delivery date picker
+   - Cart notes styling
+
+2. **main-blog.liquid** - Add:
+   - Featured post highlight
+   - Category filtering
+   - Author display
+   - Read time estimate
+
+3. **main-article.liquid** - Add:
+   - Social sharing buttons
+   - Author bio
+   - Related posts
+   - Table of contents
+
+4. **main-search.liquid** - Verify:
+   - Predictive search integration
+   - Filter by type
+   - Empty state design
+
+5. **Password page** - Add:
+   - Email signup
+   - Social links
+   - Brand imagery
+
+### Accessibility Checks Needed
+- [ ] All sections meet 4.5:1 contrast ratio
+- [ ] Touch targets minimum 24x24px
+- [ ] Keyboard navigation tested
+- [ ] Screen reader testing
+- [ ] Focus states visible
+- [ ] Reduced motion support
+
+### Performance Considerations
+- [ ] Lazy load images below fold
+- [ ] Defer non-critical JavaScript
+- [ ] Optimize CSS delivery
+- [ ] Test Lighthouse scores (target: 60+ performance, 90+ accessibility)
+
+---
+
+## Conclusion
+
+The Influence theme has a solid foundation with excellent core sections. The 3D carousel and editorial typography features provide unique differentiation. However, to be competitive in the fashion theme market, the following are essential:
+
+**Must Have (Before Launch):**
+1. Lookbook/Hotspot section
+2. Image Gallery section
+3. Video section
+4. Split Hero section
+
+**Should Have (Strong Launch):**
+5. Editorial Spread section (unique differentiator)
+6. Scrolling Marquee
+7. Logo List
+8. Enhanced cart features
+
+**Nice to Have (Post-Launch):**
+9. Countdown section
+10. Size Guide
+11. Additional global settings
+
+With these additions, Influence will be well-positioned as a premium fashion theme that goes beyond Prestige in editorial sophistication while meeting all Theme Store requirements.
+
+---
+
+*Document generated from comprehensive codebase audit*
diff --git a/assets/critical.css b/assets/critical.css
index cdb1ae1a..4352d6dd 100644
--- a/assets/critical.css
+++ b/assets/critical.css
@@ -1,20 +1,45 @@
-/** Critical CSS for the theme. This file is included on every page. */
+/**
+ * Critical CSS - Influence Theme
+ * Editorial fashion-forward styling with comprehensive design system
+ */
 
-/* Reset styles inspired by https://www.joshwcomeau.com/css/custom-css-reset/ */
-* {
+/* ========================================
+   CSS RESET
+   Inspired by Josh Comeau's CSS Reset
+   ======================================== */
+
+*,
+*::before,
+*::after {
   box-sizing: border-box;
+}
+
+* {
   margin: 0;
 }
 
+html {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-size-adjust: 100%;
+  scroll-behavior: smooth;
+}
+
+html:has(dialog[open], [data-drawer-open]) {
+  overflow: hidden;
+}
+
 body {
   display: flex;
   flex-direction: column;
-  margin: 0;
   min-height: 100svh;
-}
-
-html:has(dialog[scroll-lock][open], details[scroll-lock][open]) {
-  overflow: hidden;
+  line-height: var(--line-height-normal);
+  font-family: var(--font-body-family);
+  font-style: var(--font-body-style);
+  font-weight: var(--font-body-weight);
+  font-size: var(--font-size-base);
+  color: var(--color-foreground);
+  background-color: var(--color-background);
 }
 
 img,
@@ -28,25 +53,13 @@ svg {
 }
 
 input,
+button,
 textarea,
 select {
   font: inherit;
-  border-radius: var(--style-border-radius-inputs);
-}
-
-select {
-  background-color: var(--color-background);
-  color: currentcolor;
-}
-
-dialog {
-  background-color: var(--color-background);
-  color: var(--color-foreground);
+  color: inherit;
 }
 
-p {
-  text-wrap: pretty;
-}
 p,
 h1,
 h2,
@@ -57,40 +70,228 @@ h6 {
   overflow-wrap: break-word;
 }
 
-p:empty {
-  display: none;
+p {
+  text-wrap: pretty;
 }
 
-:is(p, h1, h2, h3, h4, h5, h6):first-child,
-:empty:first-child + :where(p, h1, h2, h3, h4, h5, h6) {
-  margin-block-start: 0;
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
 }
 
-:is(p, h1, h2, h3, h4, h5, h6):last-child,
-:where(p, h1, h2, h3, h4, h5, h6) + :has(+ :empty:last-child) {
-  margin-block-end: 0;
+a {
+  color: inherit;
+  text-decoration-skip-ink: auto;
 }
 
-/** Theme styles below */
-body {
-  font-family: var(--font-primary--family);
-  background-color: var(--color-background);
-  color: var(--color-foreground);
+ul, ol {
+  list-style: none;
+  padding: 0;
+}
+
+button {
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
 }
 
-/** Section layout utilities */
+/* Remove default focus outline, add custom later */
+:focus {
+  outline: none;
+}
 
-/**
- * Setup a grid that enables both full-width and constrained layouts
- * depending on the class of the child elements.
- *
- * By default, a minimum content margin is set on the left and right
- * sides of the section and the content is centered in the viewport to
- * not exceed the maximum page width.
- *
- * When a child element is given the `full-width` class, it will span
- * the entire viewport.
- */
+/* Focus visible for keyboard navigation */
+:focus-visible {
+  outline: var(--focus-ring-width) solid var(--focus-ring-color);
+  outline-offset: var(--focus-ring-offset);
+}
+
+/* Skip link */
+.skip-link {
+  position: absolute;
+  top: -100%;
+  left: var(--page-margin);
+  z-index: var(--z-toast);
+  padding: var(--space-3) var(--space-4);
+  background-color: var(--color-foreground);
+  color: var(--color-background);
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.skip-link:focus {
+  top: var(--space-2);
+}
+
+/* ========================================
+   TYPOGRAPHY
+   Editorial fashion-forward type scale
+   ======================================== */
+
+/* Headings */
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  font-family: var(--font-heading-family);
+  font-style: var(--font-heading-style);
+  font-weight: var(--font-heading-weight);
+  line-height: var(--line-height-tight);
+  letter-spacing: var(--letter-spacing-tight);
+}
+
+h1, .h1 {
+  font-size: var(--font-size-4xl);
+}
+
+h2, .h2 {
+  font-size: var(--font-size-3xl);
+}
+
+h3, .h3 {
+  font-size: var(--font-size-2xl);
+}
+
+h4, .h4 {
+  font-size: var(--font-size-xl);
+}
+
+h5, .h5 {
+  font-size: var(--font-size-lg);
+}
+
+h6, .h6 {
+  font-size: var(--font-size-md);
+}
+
+/* Display heading for hero sections */
+.heading-display {
+  font-family: var(--font-heading-family);
+  font-size: var(--font-size-display);
+  line-height: var(--line-height-tight);
+  letter-spacing: var(--letter-spacing-tighter);
+}
+
+/* Subheading/Eyebrow text */
+.subheading {
+  font-size: var(--font-size-xs);
+  letter-spacing: var(--letter-spacing-widest);
+  text-transform: uppercase;
+  color: var(--color-muted);
+}
+
+/* Body text variants */
+.text-sm {
+  font-size: var(--font-size-sm);
+}
+
+.text-lg {
+  font-size: var(--font-size-lg);
+}
+
+.text-xl {
+  font-size: var(--font-size-xl);
+}
+
+/* Rich text styling */
+.rte {
+  line-height: var(--line-height-relaxed);
+}
+
+.rte > * + * {
+  margin-top: var(--space-4);
+}
+
+.rte h2 {
+  margin-top: var(--space-8);
+  font-size: var(--font-size-2xl);
+}
+
+.rte h3 {
+  margin-top: var(--space-6);
+  font-size: var(--font-size-xl);
+}
+
+.rte h4 {
+  margin-top: var(--space-5);
+  font-size: var(--font-size-lg);
+}
+
+.rte a {
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+  transition: opacity var(--duration-fast) var(--ease-out);
+}
+
+.rte a:hover {
+  opacity: 0.7;
+}
+
+.rte ul,
+.rte ol {
+  padding-left: var(--space-6);
+}
+
+.rte ul {
+  list-style: disc;
+}
+
+.rte ol {
+  list-style: decimal;
+}
+
+.rte li + li {
+  margin-top: var(--space-2);
+}
+
+.rte blockquote {
+  padding-left: var(--space-6);
+  border-left: var(--border-width-thick) solid var(--color-foreground);
+  font-style: italic;
+  font-size: var(--font-size-lg);
+}
+
+.rte img {
+  margin-top: var(--space-6);
+  margin-bottom: var(--space-6);
+}
+
+.rte table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.rte th,
+.rte td {
+  padding: var(--space-3) var(--space-4);
+  border: var(--border-width) solid var(--border-color);
+  text-align: left;
+}
+
+.rte th {
+  background-color: var(--color-foreground);
+  color: var(--color-background);
+}
+
+/* Drop cap for editorial content */
+.drop-cap::first-letter {
+  float: left;
+  font-family: var(--font-heading-family);
+  font-size: 4em;
+  line-height: 0.8;
+  padding-right: var(--space-3);
+  padding-top: var(--space-1);
+}
+
+/* ========================================
+   LAYOUT SYSTEM
+   Section grid and content constraints
+   ======================================== */
+
+/* Main content grows to fill space */
+main {
+  flex: 1 0 auto;
+}
+
+/* Section grid layout */
 .shopify-section {
   --content-width: min(
     calc(var(--page-width) - var(--page-margin) * 2),
@@ -99,19 +300,781 @@ body {
   --content-margin: minmax(var(--page-margin), 1fr);
   --content-grid: var(--content-margin) var(--content-width) var(--content-margin);
 
-  /* This is required to make <img> elements work as background images */
   position: relative;
-  grid-template-columns: var(--content-grid);
   display: grid;
+  grid-template-columns: var(--content-grid);
   width: 100%;
 }
 
-/* Child elements, by default, are constrained to the central column of the grid. */
+/* Default content column */
 .shopify-section > * {
   grid-column: 2;
 }
 
-/* Child elements that use the full-width utility class span the entire viewport. */
-.shopify-section > .full-width {
+/* Full-width sections - break out of content grid */
+.shopify-section > .full-width,
+.section-header > *,
+.section-footer > *,
+.section-hero > *,
+.section-announcement-bar > *,
+.section-image-with-text > *,
+.section-product-carousel-3d > * {
   grid-column: 1 / -1;
 }
+
+/* Section spacing */
+.section {
+  padding-block: var(--section-spacing-md);
+}
+
+.section--sm {
+  padding-block: var(--section-spacing-sm);
+}
+
+.section--lg {
+  padding-block: var(--section-spacing-lg);
+}
+
+.section--xl {
+  padding-block: var(--section-spacing-xl);
+}
+
+.section--flush {
+  padding-block: 0;
+}
+
+/* Content width constraints */
+.container {
+  width: 100%;
+  max-width: var(--page-width);
+  margin-inline: auto;
+  padding-inline: var(--page-margin);
+}
+
+.container--narrow {
+  max-width: var(--content-width-narrow);
+}
+
+.container--medium {
+  max-width: var(--content-width-medium);
+}
+
+.container--wide {
+  max-width: var(--content-width-wide);
+}
+
+/* Grid system */
+.grid {
+  display: grid;
+  gap: var(--grid-gap-md);
+}
+
+.grid--2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.grid--3 {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.grid--4 {
+  grid-template-columns: repeat(4, 1fr);
+}
+
+/* Responsive grid */
+@media (max-width: 989px) {
+  .grid--3,
+  .grid--4 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 749px) {
+  .grid--2,
+  .grid--3,
+  .grid--4 {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* Flex utilities */
+.flex {
+  display: flex;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.items-start {
+  align-items: flex-start;
+}
+
+.items-end {
+  align-items: flex-end;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.gap-1 { gap: var(--space-1); }
+.gap-2 { gap: var(--space-2); }
+.gap-3 { gap: var(--space-3); }
+.gap-4 { gap: var(--space-4); }
+.gap-6 { gap: var(--space-6); }
+.gap-8 { gap: var(--space-8); }
+
+/* ========================================
+   BUTTONS
+   Elegant, minimal button system
+   ======================================== */
+
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-2);
+  height: var(--button-height);
+  padding-inline: var(--button-padding-x);
+  font-size: var(--button-font-size);
+  font-weight: 500;
+  text-transform: var(--button-text-transform);
+  letter-spacing: var(--button-letter-spacing);
+  text-decoration: none;
+  white-space: nowrap;
+  border: var(--border-width) solid transparent;
+  border-radius: var(--radius-buttons);
+  cursor: pointer;
+  transition: all var(--duration-fast) var(--ease-out);
+  min-width: var(--touch-target-min);
+}
+
+.btn:disabled,
+.btn[disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Primary button - solid */
+.btn--primary {
+  background-color: var(--color-foreground);
+  color: var(--color-background);
+  border-color: var(--color-foreground);
+}
+
+.btn--primary:hover:not(:disabled) {
+  background-color: var(--color-accent);
+  border-color: var(--color-accent);
+}
+
+/* Secondary button - outlined */
+.btn--secondary {
+  background-color: transparent;
+  color: var(--color-foreground);
+  border-color: var(--color-foreground);
+}
+
+.btn--secondary:hover:not(:disabled) {
+  background-color: var(--color-foreground);
+  color: var(--color-background);
+}
+
+/* Tertiary button - text only */
+.btn--tertiary {
+  background-color: transparent;
+  color: var(--color-foreground);
+  border-color: transparent;
+  padding-inline: var(--space-2);
+}
+
+.btn--tertiary:hover:not(:disabled) {
+  opacity: 0.7;
+}
+
+/* Button sizes */
+.btn--sm {
+  height: var(--button-height-sm);
+  padding-inline: var(--space-4);
+  font-size: var(--font-size-xs);
+}
+
+.btn--lg {
+  height: var(--button-height-lg);
+  padding-inline: var(--space-8);
+  font-size: var(--font-size-base);
+}
+
+.btn--full {
+  width: 100%;
+}
+
+/* Icon button */
+.btn--icon {
+  width: var(--button-height);
+  height: var(--button-height);
+  padding: 0;
+  border-radius: var(--radius-full);
+}
+
+.btn--icon svg {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+/* ========================================
+   FORMS
+   Clean, minimal form styling
+   ======================================== */
+
+.form-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.form-label {
+  font-size: var(--font-size-sm);
+  font-weight: 500;
+}
+
+.form-input,
+.form-select,
+.form-textarea {
+  width: 100%;
+  height: var(--button-height);
+  padding: var(--space-3) var(--space-4);
+  font-size: var(--font-size-base);
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+  border: var(--border-width) solid var(--border-color);
+  border-radius: var(--radius-inputs);
+  transition: border-color var(--duration-fast) var(--ease-out);
+}
+
+.form-textarea {
+  height: auto;
+  min-height: 8rem;
+  resize: vertical;
+}
+
+.form-input:focus,
+.form-select:focus,
+.form-textarea:focus {
+  border-color: var(--color-foreground);
+  outline: none;
+}
+
+.form-input::placeholder,
+.form-textarea::placeholder {
+  color: var(--color-muted);
+}
+
+.form-input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+
+.form-select {
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right var(--space-3) center;
+  padding-right: var(--space-10);
+}
+
+.form-checkbox,
+.form-radio {
+  width: 1.25rem;
+  height: 1.25rem;
+  accent-color: var(--color-foreground);
+  cursor: pointer;
+}
+
+.form-error {
+  font-size: var(--font-size-sm);
+  color: var(--color-error);
+}
+
+.form-help {
+  font-size: var(--font-size-sm);
+  color: var(--color-muted);
+}
+
+/* Quantity input */
+.quantity-input {
+  display: flex;
+  align-items: center;
+  gap: 0;
+  border: var(--border-width) solid var(--border-color);
+  border-radius: var(--radius-inputs);
+  width: fit-content;
+}
+
+.quantity-input__button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--button-height);
+  height: var(--button-height);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  transition: opacity var(--duration-fast) var(--ease-out);
+}
+
+.quantity-input__button:hover {
+  opacity: 0.7;
+}
+
+.quantity-input__button svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.quantity-input__field {
+  width: 3rem;
+  height: var(--button-height);
+  text-align: center;
+  border: none;
+  background: transparent;
+  font-size: var(--font-size-base);
+  -moz-appearance: textfield;
+}
+
+.quantity-input__field::-webkit-inner-spin-button,
+.quantity-input__field::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* ========================================
+   IMAGES & MEDIA
+   Responsive images with aspect ratios
+   ======================================== */
+
+.media {
+  position: relative;
+  overflow: hidden;
+  background-color: var(--color-muted);
+}
+
+.media img,
+.media video {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+/* Aspect ratios */
+.aspect-square {
+  aspect-ratio: 1 / 1;
+}
+
+.aspect-portrait {
+  aspect-ratio: 3 / 4;
+}
+
+.aspect-landscape {
+  aspect-ratio: 4 / 3;
+}
+
+.aspect-wide {
+  aspect-ratio: 16 / 9;
+}
+
+.aspect-cinematic {
+  aspect-ratio: 21 / 9;
+}
+
+/* Image loading placeholder */
+.media--loading {
+  background: linear-gradient(
+    90deg,
+    var(--color-muted) 0%,
+    color-mix(in srgb, var(--color-muted) 80%, var(--color-background)) 50%,
+    var(--color-muted) 100%
+  );
+  background-size: 200% 100%;
+  animation: shimmer 1.5s infinite;
+}
+
+@keyframes shimmer {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+/* ========================================
+   LINKS & NAVIGATION
+   ======================================== */
+
+.link {
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+  transition: opacity var(--duration-fast) var(--ease-out);
+}
+
+.link:hover {
+  opacity: 0.7;
+}
+
+.link--subtle {
+  text-decoration: none;
+}
+
+.link--subtle:hover {
+  text-decoration: underline;
+}
+
+/* ========================================
+   BADGES & LABELS
+   ======================================== */
+
+.badge {
+  display: inline-flex;
+  align-items: center;
+  padding: var(--space-1) var(--space-2);
+  font-size: var(--font-size-xs);
+  font-weight: 500;
+  letter-spacing: var(--letter-spacing-wide);
+  text-transform: uppercase;
+  border-radius: var(--radius-sm);
+  background-color: var(--color-foreground);
+  color: var(--color-background);
+}
+
+.badge--sale {
+  background-color: var(--color-sale);
+  color: #fff;
+}
+
+.badge--soldout {
+  background-color: var(--color-muted);
+  color: var(--color-background);
+}
+
+/* ========================================
+   PRICE
+   ======================================== */
+
+.price {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--space-2);
+}
+
+.price__regular {
+  font-weight: 500;
+}
+
+.price__compare {
+  text-decoration: line-through;
+  color: var(--color-muted);
+}
+
+.price__sale {
+  color: var(--color-sale);
+  font-weight: 500;
+}
+
+.price__unit {
+  font-size: var(--font-size-sm);
+  color: var(--color-muted);
+}
+
+/* ========================================
+   COLOR SCHEMES
+   Note: Color scheme classes (.color-scheme_1, etc.) are generated
+   dynamically from the color_scheme_group settings in css-variables.liquid
+   ======================================== */
+
+/* ========================================
+   ANIMATIONS
+   Subtle, elegant motion
+   ======================================== */
+
+.fade-in {
+  animation: fadeIn var(--duration-normal) var(--ease-out);
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.slide-up {
+  animation: slideUp var(--duration-normal) var(--ease-out);
+}
+
+@keyframes slideUp {
+  from {
+    opacity: 0;
+    transform: translateY(1rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Hover lift effect */
+.hover-lift {
+  transition: transform var(--duration-fast) var(--ease-out);
+}
+
+.hover-lift:hover {
+  transform: translateY(-0.25rem);
+}
+
+/* Image zoom on hover */
+.hover-zoom {
+  overflow: hidden;
+}
+
+.hover-zoom img {
+  transition: transform var(--duration-slow) var(--ease-out);
+}
+
+.hover-zoom:hover img {
+  transform: scale(1.05);
+}
+
+/* ========================================
+   UTILITIES
+   ======================================== */
+
+/* Visibility */
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.hidden {
+  display: none !important;
+}
+
+/* Text alignment */
+.text-left { text-align: left; }
+.text-center { text-align: center; }
+.text-right { text-align: right; }
+
+/* Text colors */
+.text-muted { color: var(--color-muted); }
+.text-accent { color: var(--color-accent); }
+.text-sale { color: var(--color-sale); }
+
+/* Spacing utilities */
+.mt-0 { margin-top: 0; }
+.mt-2 { margin-top: var(--space-2); }
+.mt-4 { margin-top: var(--space-4); }
+.mt-6 { margin-top: var(--space-6); }
+.mt-8 { margin-top: var(--space-8); }
+
+.mb-0 { margin-bottom: 0; }
+.mb-2 { margin-bottom: var(--space-2); }
+.mb-4 { margin-bottom: var(--space-4); }
+.mb-6 { margin-bottom: var(--space-6); }
+.mb-8 { margin-bottom: var(--space-8); }
+
+/* Responsive utilities */
+@media (max-width: 749px) {
+  .hide-mobile { display: none !important; }
+}
+
+@media (min-width: 750px) and (max-width: 989px) {
+  .hide-tablet { display: none !important; }
+}
+
+@media (min-width: 990px) {
+  .hide-desktop { display: none !important; }
+}
+
+/* Loading states */
+.loading {
+  position: relative;
+  pointer-events: none;
+}
+
+.loading::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--color-background);
+  opacity: 0.8;
+}
+
+/* Overlay */
+.overlay {
+  position: fixed;
+  inset: 0;
+  background-color: rgb(0 0 0 / 0.5);
+  z-index: var(--z-overlay);
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity var(--duration-normal) var(--ease-out),
+              visibility var(--duration-normal) var(--ease-out);
+}
+
+.overlay.is-active {
+  opacity: 1;
+  visibility: visible;
+}
+
+/* Dialog / Modal */
+dialog {
+  position: fixed;
+  max-width: min(90vw, 40rem);
+  max-height: 90vh;
+  padding: var(--space-8);
+  border: none;
+  border-radius: var(--radius-lg);
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+  box-shadow: var(--shadow-2xl);
+}
+
+dialog::backdrop {
+  background-color: rgb(0 0 0 / 0.5);
+}
+
+/* Icon sizing and appearance */
+.icon {
+  display: inline-block;
+  width: 1.25rem;
+  height: 1.25rem;
+  min-width: 1.25rem;
+  min-height: 1.25rem;
+  flex-shrink: 0;
+  vertical-align: middle;
+}
+
+.icon--sm {
+  width: 1rem;
+  height: 1rem;
+  min-width: 1rem;
+  min-height: 1rem;
+}
+
+.icon--lg {
+  width: 1.5rem;
+  height: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
+}
+
+/* Divider */
+.divider {
+  height: var(--border-width);
+  background-color: var(--border-color);
+  border: none;
+}
+
+/* Empty state */
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: var(--space-16) var(--space-4);
+  gap: var(--space-4);
+}
+
+.empty-state__icon {
+  width: 3rem;
+  height: 3rem;
+  color: var(--color-muted);
+}
+
+.empty-state__title {
+  font-size: var(--font-size-xl);
+}
+
+.empty-state__text {
+  color: var(--color-muted);
+  max-width: 30rem;
+}
+
+/* ========================================
+   HEADER - Critical Styles
+   ======================================== */
+
+.header {
+  position: sticky;
+  top: 0;
+  z-index: var(--z-sticky);
+  background-color: var(--color-background);
+}
+
+.header--transparent {
+  background-color: transparent;
+}
+
+.header__inner {
+  display: flex;
+  align-items: center;
+  height: var(--header-height);
+  gap: var(--space-6);
+  position: relative;
+}
+
+/* ========================================
+   DRAWER - Critical Styles (Prevent FOUC)
+   ======================================== */
+
+.drawer {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: min(100vw, 24rem);
+  max-height: 100vh;
+  background-color: var(--color-background);
+  z-index: var(--z-modal);
+  transform: translateX(-100%);
+  visibility: hidden;
+}
+
+.drawer--right {
+  left: auto;
+  right: 0;
+  transform: translateX(100%);
+}
+
+.drawer.is-open {
+  transform: translateX(0);
+  visibility: visible;
+}
+
diff --git a/assets/icons.svg b/assets/icons.svg
new file mode 100644
index 00000000..9b698d3a
--- /dev/null
+++ b/assets/icons.svg
@@ -0,0 +1,297 @@
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+  <!-- Navigation Icons -->
+  <symbol id="icon-menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="3" y1="6" x2="21" y2="6"/>
+    <line x1="3" y1="12" x2="21" y2="12"/>
+    <line x1="3" y1="18" x2="21" y2="18"/>
+  </symbol>
+
+  <symbol id="icon-close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="18" y1="6" x2="6" y2="18"/>
+    <line x1="6" y1="6" x2="18" y2="18"/>
+  </symbol>
+
+  <symbol id="icon-search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="11" cy="11" r="8"/>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"/>
+  </symbol>
+
+  <symbol id="icon-cart" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/>
+    <line x1="3" y1="6" x2="21" y2="6"/>
+    <path d="M16 10a4 4 0 0 1-8 0"/>
+  </symbol>
+
+  <symbol id="icon-account" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
+    <circle cx="12" cy="7" r="4"/>
+  </symbol>
+
+  <!-- Chevrons -->
+  <symbol id="icon-chevron-down" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="6 9 12 15 18 9"/>
+  </symbol>
+
+  <symbol id="icon-chevron-up" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="18 15 12 9 6 15"/>
+  </symbol>
+
+  <symbol id="icon-chevron-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="15 18 9 12 15 6"/>
+  </symbol>
+
+  <symbol id="icon-chevron-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="9 18 15 12 9 6"/>
+  </symbol>
+
+  <!-- Arrows -->
+  <symbol id="icon-arrow-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="19" y1="12" x2="5" y2="12"/>
+    <polyline points="12 19 5 12 12 5"/>
+  </symbol>
+
+  <symbol id="icon-arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="5" y1="12" x2="19" y2="12"/>
+    <polyline points="12 5 19 12 12 19"/>
+  </symbol>
+
+  <symbol id="icon-external-link" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
+    <polyline points="15 3 21 3 21 9"/>
+    <line x1="10" y1="14" x2="21" y2="3"/>
+  </symbol>
+
+  <!-- Actions -->
+  <symbol id="icon-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="12" y1="5" x2="12" y2="19"/>
+    <line x1="5" y1="12" x2="19" y2="12"/>
+  </symbol>
+
+  <symbol id="icon-minus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="5" y1="12" x2="19" y2="12"/>
+  </symbol>
+
+  <symbol id="icon-check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="20 6 9 17 4 12"/>
+  </symbol>
+
+  <symbol id="icon-trash" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="3 6 5 6 21 6"/>
+    <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
+  </symbol>
+
+  <symbol id="icon-heart" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+  </symbol>
+
+  <symbol id="icon-heart-filled" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+  </symbol>
+
+  <symbol id="icon-share" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="18" cy="5" r="3"/>
+    <circle cx="6" cy="12" r="3"/>
+    <circle cx="18" cy="19" r="3"/>
+    <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/>
+    <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/>
+  </symbol>
+
+  <symbol id="icon-edit" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
+    <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
+  </symbol>
+
+  <!-- Social Media -->
+  <symbol id="icon-facebook" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/>
+  </symbol>
+
+  <symbol id="icon-instagram" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="2" y="2" width="20" height="20" rx="5" ry="5"/>
+    <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/>
+    <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/>
+  </symbol>
+
+  <symbol id="icon-twitter" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+  </symbol>
+
+  <symbol id="icon-pinterest" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z"/>
+  </symbol>
+
+  <symbol id="icon-youtube" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
+  </symbol>
+
+  <symbol id="icon-tiktok" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/>
+  </symbol>
+
+  <symbol id="icon-linkedin" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+  </symbol>
+
+  <!-- Status & Info -->
+  <symbol id="icon-info" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="12" cy="12" r="10"/>
+    <line x1="12" y1="16" x2="12" y2="12"/>
+    <line x1="12" y1="8" x2="12.01" y2="8"/>
+  </symbol>
+
+  <symbol id="icon-alert-circle" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="12" cy="12" r="10"/>
+    <line x1="12" y1="8" x2="12" y2="12"/>
+    <line x1="12" y1="16" x2="12.01" y2="16"/>
+  </symbol>
+
+  <symbol id="icon-check-circle" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
+    <polyline points="22 4 12 14.01 9 11.01"/>
+  </symbol>
+
+  <!-- E-commerce -->
+  <symbol id="icon-tag" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/>
+    <line x1="7" y1="7" x2="7.01" y2="7"/>
+  </symbol>
+
+  <symbol id="icon-gift" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="20 12 20 22 4 22 4 12"/>
+    <rect x="2" y="7" width="20" height="5"/>
+    <line x1="12" y1="22" x2="12" y2="7"/>
+    <path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"/>
+    <path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/>
+  </symbol>
+
+  <symbol id="icon-truck" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="1" y="3" width="15" height="13"/>
+    <polygon points="16 8 20 8 23 11 23 16 16 16 16 8"/>
+    <circle cx="5.5" cy="18.5" r="2.5"/>
+    <circle cx="18.5" cy="18.5" r="2.5"/>
+  </symbol>
+
+  <symbol id="icon-package" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="16.5" y1="9.4" x2="7.5" y2="4.21"/>
+    <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
+    <polyline points="3.27 6.96 12 12.01 20.73 6.96"/>
+    <line x1="12" y1="22.08" x2="12" y2="12"/>
+  </symbol>
+
+  <symbol id="icon-credit-card" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="1" y="4" width="22" height="16" rx="2" ry="2"/>
+    <line x1="1" y1="10" x2="23" y2="10"/>
+  </symbol>
+
+  <symbol id="icon-lock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
+    <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
+  </symbol>
+
+  <!-- Media -->
+  <symbol id="icon-play" viewBox="0 0 24 24" fill="currentColor">
+    <polygon points="5 3 19 12 5 21 5 3"/>
+  </symbol>
+
+  <symbol id="icon-pause" viewBox="0 0 24 24" fill="currentColor">
+    <rect x="6" y="4" width="4" height="16"/>
+    <rect x="14" y="4" width="4" height="16"/>
+  </symbol>
+
+  <symbol id="icon-volume" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/>
+    <path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"/>
+  </symbol>
+
+  <symbol id="icon-volume-mute" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/>
+    <line x1="23" y1="9" x2="17" y2="15"/>
+    <line x1="17" y1="9" x2="23" y2="15"/>
+  </symbol>
+
+  <symbol id="icon-maximize" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="15 3 21 3 21 9"/>
+    <polyline points="9 21 3 21 3 15"/>
+    <line x1="21" y1="3" x2="14" y2="10"/>
+    <line x1="3" y1="21" x2="10" y2="14"/>
+  </symbol>
+
+  <symbol id="icon-zoom-in" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="11" cy="11" r="8"/>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"/>
+    <line x1="11" y1="8" x2="11" y2="14"/>
+    <line x1="8" y1="11" x2="14" y2="11"/>
+  </symbol>
+
+  <!-- Misc -->
+  <symbol id="icon-filter" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/>
+  </symbol>
+
+  <symbol id="icon-grid" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="3" width="7" height="7"/>
+    <rect x="14" y="3" width="7" height="7"/>
+    <rect x="14" y="14" width="7" height="7"/>
+    <rect x="3" y="14" width="7" height="7"/>
+  </symbol>
+
+  <symbol id="icon-list" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="8" y1="6" x2="21" y2="6"/>
+    <line x1="8" y1="12" x2="21" y2="12"/>
+    <line x1="8" y1="18" x2="21" y2="18"/>
+    <line x1="3" y1="6" x2="3.01" y2="6"/>
+    <line x1="3" y1="12" x2="3.01" y2="12"/>
+    <line x1="3" y1="18" x2="3.01" y2="18"/>
+  </symbol>
+
+  <symbol id="icon-mail" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
+    <polyline points="22,6 12,13 2,6"/>
+  </symbol>
+
+  <symbol id="icon-phone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
+  </symbol>
+
+  <symbol id="icon-map-pin" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
+    <circle cx="12" cy="10" r="3"/>
+  </symbol>
+
+  <symbol id="icon-star" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
+  </symbol>
+
+  <symbol id="icon-star-filled" viewBox="0 0 24 24" fill="currentColor">
+    <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
+  </symbol>
+
+  <symbol id="icon-calendar" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
+    <line x1="16" y1="2" x2="16" y2="6"/>
+    <line x1="8" y1="2" x2="8" y2="6"/>
+    <line x1="3" y1="10" x2="21" y2="10"/>
+  </symbol>
+
+  <symbol id="icon-clock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="12" cy="12" r="10"/>
+    <polyline points="12 6 12 12 16 14"/>
+  </symbol>
+
+  <symbol id="icon-refresh" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="23 4 23 10 17 10"/>
+    <polyline points="1 20 1 14 7 14"/>
+    <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/>
+  </symbol>
+
+  <symbol id="icon-loader" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="12" y1="2" x2="12" y2="6"/>
+    <line x1="12" y1="18" x2="12" y2="22"/>
+    <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"/>
+    <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"/>
+    <line x1="2" y1="12" x2="6" y2="12"/>
+    <line x1="18" y1="12" x2="22" y2="12"/>
+    <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"/>
+    <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"/>
+  </symbol>
+</svg>
diff --git a/assets/theme.css b/assets/theme.css
new file mode 100644
index 00000000..22733fd7
--- /dev/null
+++ b/assets/theme.css
@@ -0,0 +1,2363 @@
+/**
+ * Theme CSS - Influence Theme
+ * Non-critical styles loaded asynchronously
+ * Contains component-specific and enhancement styles
+ */
+
+/* ========================================
+   HEADER STYLES
+   ======================================== */
+
+.header {
+  position: sticky;
+  top: 0;
+  z-index: var(--z-sticky);
+  background-color: var(--color-background);
+  transition: background-color var(--duration-normal) var(--ease-out),
+              box-shadow var(--duration-normal) var(--ease-out);
+}
+
+.header--transparent {
+  background-color: transparent;
+}
+
+.header--scrolled {
+  background-color: var(--color-background);
+  box-shadow: var(--shadow-sm);
+}
+
+/* Subtle bottom border for definition */
+.header::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    var(--border-color) 10%,
+    var(--border-color) 90%,
+    transparent 100%
+  );
+  opacity: 0.5;
+  z-index: 0;
+  pointer-events: none;
+}
+
+/* Mobile menu toggle - hamburger lines */
+.header__menu-toggle {
+  position: relative;
+  width: var(--touch-target-min);
+  height: var(--touch-target-min);
+}
+
+.header__inner {
+  display: flex;
+  align-items: center;
+  height: var(--header-height);
+  gap: var(--space-6);
+  position: relative;
+  z-index: 1;
+}
+
+.header__logo {
+  flex-shrink: 0;
+}
+
+/* Center logo layout - logo in middle, nav on left, icons on right */
+@media (min-width: 990px) {
+  .header__logo--center {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  /* When logo is centered, use space-between for nav left and icons right */
+  .header__inner--logo-center {
+    justify-content: space-between;
+  }
+
+  /* Move nav to the left when logo is centered */
+  .header__inner--logo-center .header__nav {
+    order: -1;
+    margin-left: 0;
+  }
+
+  .header__inner--logo-center .header__icons {
+    margin-left: 0;
+  }
+}
+
+.header__logo-link {
+  display: block;
+  text-decoration: none;
+}
+
+.header__logo-text {
+  font-weight: 600;
+  letter-spacing: var(--letter-spacing-wide);
+  text-transform: uppercase;
+}
+
+.header__logo img,
+.header__logo svg {
+  display: block;
+  max-height: 2.5rem;
+  width: auto;
+}
+
+.header__nav {
+  display: none;
+}
+
+@media (min-width: 990px) {
+  .header__nav {
+    display: flex;
+    align-items: center;
+    gap: var(--space-6);
+    position: relative;
+    z-index: 2;
+  }
+}
+
+.header__nav-item {
+  position: static;
+}
+
+.header__nav-item--has-dropdown .header__nav-link {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-1);
+}
+
+.header__nav-item--has-dropdown .header__nav-link .icon {
+  transition: transform var(--duration-fast) var(--ease-out);
+}
+
+.header__nav-item--has-dropdown:hover .header__nav-link .icon {
+  transform: rotate(180deg);
+}
+
+.header__nav-link {
+  position: relative;
+  display: inline-block;
+  font-size: var(--font-size-sm);
+  text-decoration: none;
+  letter-spacing: var(--letter-spacing-wide);
+  text-transform: uppercase;
+  transition: color var(--duration-fast) var(--ease-out);
+}
+
+.header__nav-link:hover {
+  color: var(--color-accent);
+}
+
+.header__nav-link:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 4px;
+}
+
+/* Sophisticated underline animation - slides in from left */
+.header__nav-link::after {
+  content: '';
+  position: absolute;
+  bottom: -0.375rem;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: currentColor;
+  transform: scaleX(0);
+  transform-origin: left center;
+  transition: transform var(--duration-normal) var(--ease-out);
+}
+
+.header__nav-link:hover::after,
+.header__nav-link[aria-current="page"]::after {
+  transform: scaleX(1);
+}
+
+.header__icons {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  flex-shrink: 0;
+  margin-left: auto;
+  position: relative;
+  z-index: 2;
+}
+
+.header__icon-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--touch-target-min);
+  height: var(--touch-target-min);
+  background: transparent;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  color: inherit;
+  transition: opacity var(--duration-fast) var(--ease-out);
+}
+
+.header__icon-btn:hover {
+  opacity: 0.7;
+}
+
+.header__icon-btn:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
+
+/* Icon styling - ensure visibility */
+.header__icon-btn .icon {
+  color: var(--color-foreground);
+  transition: transform var(--duration-fast) var(--ease-out);
+}
+
+.header__icon-btn:hover .icon {
+  transform: scale(1.1);
+}
+
+/* Cart button needs relative positioning for badge */
+.header__cart-btn {
+  position: relative;
+}
+
+.header__cart-count {
+  position: absolute;
+  top: 0.25rem;
+  right: 0.25rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.25rem;
+  height: 1.25rem;
+  padding: 0 0.25rem;
+  font-size: 0.625rem;
+  font-weight: 600;
+  background-color: var(--color-accent);
+  color: var(--color-background);
+  border-radius: var(--radius-full);
+}
+
+/* ========================================
+   ANNOUNCEMENT BAR
+   ======================================== */
+
+.announcement-bar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: var(--announcement-bar-height);
+  padding: var(--space-2) var(--space-4);
+  font-size: var(--font-size-xs);
+  letter-spacing: var(--letter-spacing-wide);
+  text-align: center;
+}
+
+.announcement-bar a {
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+}
+
+/* ========================================
+   MEGA MENU
+   ======================================== */
+
+.mega-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  background-color: var(--color-background);
+  border-top: var(--border-width) solid var(--border-color);
+  box-shadow: 0 20px 40px -20px rgb(0 0 0 / 0.15);
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(-1rem);
+  transition: opacity var(--duration-normal) var(--ease-out),
+              visibility var(--duration-normal) var(--ease-out),
+              transform var(--duration-normal) cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.header__nav-item:hover .mega-menu,
+.header__nav-item:focus-within .mega-menu {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+}
+
+.mega-menu__inner {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: var(--space-10);
+  padding: var(--space-10) var(--page-margin);
+  max-width: var(--page-width);
+  margin: 0 auto;
+}
+
+.mega-menu__column {
+  /* Stagger animation for columns */
+  animation: menuFadeIn var(--duration-normal) var(--ease-out) backwards;
+}
+
+.mega-menu__column:nth-child(1) { animation-delay: 0ms; }
+.mega-menu__column:nth-child(2) { animation-delay: 50ms; }
+.mega-menu__column:nth-child(3) { animation-delay: 100ms; }
+.mega-menu__column:nth-child(4) { animation-delay: 150ms; }
+
+@keyframes menuFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-0.5rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.mega-menu__heading {
+  display: block;
+  font-size: var(--font-size-xs);
+  font-weight: 600;
+  letter-spacing: var(--letter-spacing-widest);
+  text-transform: uppercase;
+  text-decoration: none;
+  margin-bottom: var(--space-4);
+  padding-bottom: var(--space-2);
+  border-bottom: 1px solid var(--border-color);
+}
+
+a.mega-menu__heading:hover {
+  color: var(--color-accent);
+}
+
+.mega-menu__column h3 {
+  font-size: var(--font-size-xs);
+  font-weight: 600;
+  letter-spacing: var(--letter-spacing-widest);
+  text-transform: uppercase;
+  margin-bottom: var(--space-4);
+  padding-bottom: var(--space-2);
+  border-bottom: 1px solid var(--border-color);
+}
+
+.mega-menu__links {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.mega-menu__link {
+  position: relative;
+  font-size: var(--font-size-sm);
+  text-decoration: none;
+  padding-left: 0;
+  transition: color var(--duration-fast) var(--ease-out),
+              padding-left var(--duration-fast) var(--ease-out);
+}
+
+.mega-menu__link::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  width: 0;
+  height: 1px;
+  background-color: currentColor;
+  transform: translateY(-50%);
+  transition: width var(--duration-fast) var(--ease-out);
+}
+
+.mega-menu__link:hover {
+  color: var(--color-accent);
+  padding-left: var(--space-4);
+}
+
+.mega-menu__link:hover::before {
+  width: var(--space-3);
+}
+
+/* ========================================
+   HEADER SEARCH BAR
+   ======================================== */
+
+.header__search {
+  background-color: var(--color-background);
+  border-top: var(--border-width) solid var(--border-color);
+  padding: var(--space-4) 0;
+}
+
+.header__search .search-form {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+}
+
+.header__search .search-form__input {
+  flex: 1;
+}
+
+.header__search [data-search-close] {
+  margin-left: auto;
+}
+
+/* ========================================
+   MOBILE DRAWER
+   ======================================== */
+
+.drawer {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: min(100vw, 24rem);
+  max-height: 100vh;
+  background-color: var(--color-background);
+  z-index: var(--z-modal);
+  overflow-y: auto;
+  transform: translateX(-100%);
+  transition: transform var(--duration-normal) var(--ease-out);
+}
+
+.drawer--right {
+  right: 0;
+  left: auto;
+  transform: translateX(100%);
+}
+
+.drawer.is-open {
+  transform: translateX(0);
+}
+
+.drawer__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--space-4);
+  border-bottom: var(--border-width) solid var(--border-color);
+}
+
+.drawer__title {
+  font-size: var(--font-size-lg);
+  font-weight: 500;
+}
+
+.drawer__content {
+  padding: var(--space-4);
+}
+
+.drawer__nav {
+  display: flex;
+  flex-direction: column;
+}
+
+.drawer__nav-link,
+.drawer__nav-details summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--space-4) 0;
+  font-size: var(--font-size-lg);
+  text-decoration: none;
+  border-bottom: var(--border-width) solid var(--border-color);
+  cursor: pointer;
+  list-style: none;
+}
+
+.drawer__nav-details summary::-webkit-details-marker {
+  display: none;
+}
+
+.drawer__nav-details summary .icon {
+  transition: transform var(--duration-fast) var(--ease-out);
+}
+
+.drawer__nav-details[open] summary .icon {
+  transform: rotate(180deg);
+}
+
+.drawer__nav-submenu {
+  padding: var(--space-2) 0 var(--space-4) var(--space-4);
+}
+
+.drawer__nav-sublink {
+  display: block;
+  padding: var(--space-2) 0;
+  font-size: var(--font-size-base);
+  text-decoration: none;
+  color: var(--color-muted);
+  transition: color var(--duration-fast) var(--ease-out);
+}
+
+.drawer__nav-sublink:hover {
+  color: var(--color-foreground);
+}
+
+.drawer__footer {
+  margin-top: auto;
+  padding: var(--space-4);
+  border-top: var(--border-width) solid var(--border-color);
+}
+
+.drawer__footer-link {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  font-size: var(--font-size-sm);
+  text-decoration: none;
+}
+
+/* ========================================
+   FOOTER
+   ======================================== */
+
+.footer {
+  margin-top: auto;
+  border-top: var(--border-width) solid var(--border-color);
+}
+
+.footer__main {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
+  gap: var(--space-8);
+  padding-block: var(--section-spacing-md);
+}
+
+.footer__column h3 {
+  font-size: var(--font-size-xs);
+  letter-spacing: var(--letter-spacing-widest);
+  text-transform: uppercase;
+  margin-bottom: var(--space-4);
+}
+
+.footer__links {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+.footer__link {
+  font-size: var(--font-size-sm);
+  text-decoration: none;
+  transition: opacity var(--duration-fast) var(--ease-out);
+}
+
+.footer__link:hover {
+  opacity: 0.7;
+}
+
+.footer__newsletter-form {
+  display: flex;
+  gap: var(--space-2);
+}
+
+.footer__newsletter-input {
+  flex: 1;
+}
+
+.footer__social {
+  display: flex;
+  gap: var(--space-4);
+  margin-top: var(--space-4);
+}
+
+.footer__social-link {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--touch-target-min);
+  height: var(--touch-target-min);
+  transition: opacity var(--duration-fast) var(--ease-out);
+}
+
+.footer__social-link:hover {
+  opacity: 0.7;
+}
+
+.footer__bottom {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-4);
+  padding-block: var(--space-6);
+  border-top: var(--border-width) solid var(--border-color);
+  font-size: var(--font-size-xs);
+  color: var(--color-muted);
+}
+
+.footer__copyright {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+
+.footer__payment-icons {
+  display: flex;
+  gap: var(--space-2);
+}
+
+.footer__payment-icons svg {
+  height: 1.5rem;
+  width: auto;
+}
+
+/* ========================================
+   HERO SECTION
+   ======================================== */
+
+.hero {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 60vh;
+  overflow: hidden;
+}
+
+.hero--full {
+  min-height: 100vh;
+}
+
+.hero--large {
+  min-height: 80vh;
+}
+
+.hero--medium {
+  min-height: 60vh;
+}
+
+.hero--small {
+  min-height: 40vh;
+}
+
+.hero__media {
+  position: absolute;
+  inset: 0;
+}
+
+.hero__media img,
+.hero__media video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.hero__overlay {
+  position: absolute;
+  inset: 0;
+  background-color: rgb(0 0 0 / var(--hero-overlay-opacity, 0.3));
+}
+
+.hero__content {
+  position: relative;
+  z-index: 1;
+  max-width: var(--content-width-medium);
+  padding: var(--space-8);
+  text-align: center;
+}
+
+.hero__subheading {
+  margin-bottom: var(--space-4);
+}
+
+.hero__heading {
+  margin-bottom: var(--space-6);
+}
+
+.hero__text {
+  margin-bottom: var(--space-8);
+  font-size: var(--font-size-lg);
+  max-width: 40rem;
+  margin-inline: auto;
+}
+
+.hero__buttons {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: var(--space-4);
+}
+
+/* ========================================
+   PRODUCT CARD
+   ======================================== */
+
+.product-card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.product-card__media {
+  position: relative;
+  aspect-ratio: var(--product-card-aspect-ratio);
+  overflow: hidden;
+  background-color: var(--color-muted);
+  margin-bottom: var(--space-4);
+}
+
+.product-card__media img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform var(--duration-slow) var(--ease-out);
+}
+
+.product-card:hover .product-card__media img {
+  transform: scale(1.05);
+}
+
+.product-card__secondary-image {
+  opacity: 0;
+  transition: opacity var(--duration-normal) var(--ease-out);
+}
+
+.product-card:hover .product-card__secondary-image {
+  opacity: 1;
+}
+
+.product-card__badges {
+  position: absolute;
+  top: var(--space-3);
+  left: var(--space-3);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.product-card__quick-add {
+  position: absolute;
+  bottom: var(--space-3);
+  left: var(--space-3);
+  right: var(--space-3);
+  opacity: 0;
+  transform: translateY(0.5rem);
+  transition: opacity var(--duration-fast) var(--ease-out),
+              transform var(--duration-fast) var(--ease-out);
+}
+
+.product-card:hover .product-card__quick-add {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.product-card__info {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.product-card__vendor {
+  font-size: var(--font-size-xs);
+  color: var(--color-muted);
+  text-transform: uppercase;
+  letter-spacing: var(--letter-spacing-wide);
+}
+
+.product-card__title {
+  font-size: var(--font-size-base);
+  font-weight: 500;
+}
+
+.product-card__title a {
+  text-decoration: none;
+}
+
+.product-card__title a::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+}
+
+.product-card__price {
+  font-size: var(--font-size-sm);
+}
+
+.product-card__swatches {
+  display: flex;
+  gap: var(--space-2);
+  margin-top: var(--space-2);
+}
+
+.product-card__swatch {
+  width: 1rem;
+  height: 1rem;
+  border-radius: var(--radius-full);
+  border: var(--border-width) solid var(--border-color);
+}
+
+/* ========================================
+   COLLECTION CARD
+   ======================================== */
+
+.collection-card {
+  position: relative;
+  display: block;
+  overflow: hidden;
+}
+
+.collection-card__media {
+  aspect-ratio: 4 / 5;
+}
+
+.collection-card__media img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform var(--duration-slow) var(--ease-out);
+}
+
+.collection-card:hover .collection-card__media img {
+  transform: scale(1.05);
+}
+
+.collection-card__overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: flex-end;
+  padding: var(--space-6);
+  background: linear-gradient(to top, rgb(0 0 0 / 0.6) 0%, transparent 50%);
+}
+
+.collection-card__title {
+  font-size: var(--font-size-xl);
+  color: #fff;
+}
+
+/* ========================================
+   PRODUCT GALLERY
+   ======================================== */
+
+.product-gallery {
+  display: grid;
+  gap: var(--space-2);
+}
+
+@media (min-width: 750px) {
+  .product-gallery {
+    grid-template-columns: 5rem 1fr;
+  }
+}
+
+.product-gallery__thumbnails {
+  display: none;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+@media (min-width: 750px) {
+  .product-gallery__thumbnails {
+    display: flex;
+  }
+}
+
+.product-gallery__thumbnail {
+  position: relative;
+  aspect-ratio: 1;
+  overflow: hidden;
+  cursor: pointer;
+  opacity: 0.6;
+  transition: opacity var(--duration-fast) var(--ease-out);
+}
+
+.product-gallery__thumbnail.is-active,
+.product-gallery__thumbnail:hover {
+  opacity: 1;
+}
+
+.product-gallery__thumbnail img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.product-gallery__main {
+  position: relative;
+  aspect-ratio: 3 / 4;
+  overflow: hidden;
+}
+
+.product-gallery__main img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.product-gallery__zoom {
+  position: absolute;
+  top: var(--space-4);
+  right: var(--space-4);
+}
+
+/* ========================================
+   PRODUCT INFO
+   ======================================== */
+
+.product-info {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-6);
+}
+
+.product-info__vendor {
+  font-size: var(--font-size-xs);
+  color: var(--color-muted);
+  text-transform: uppercase;
+  letter-spacing: var(--letter-spacing-widest);
+}
+
+.product-info__title {
+  font-size: var(--font-size-3xl);
+  line-height: var(--line-height-tight);
+}
+
+.product-info__price {
+  font-size: var(--font-size-xl);
+}
+
+.product-info__description {
+  color: var(--color-muted);
+}
+
+/* Variant picker */
+.variant-picker {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-6);
+}
+
+.variant-picker__option {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+.variant-picker__label {
+  font-size: var(--font-size-sm);
+  font-weight: 500;
+}
+
+.variant-picker__values {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+
+.variant-picker__value {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 3rem;
+  height: 2.5rem;
+  padding: 0 var(--space-4);
+  font-size: var(--font-size-sm);
+  border: var(--border-width) solid var(--border-color);
+  background-color: transparent;
+  cursor: pointer;
+  transition: border-color var(--duration-fast) var(--ease-out),
+              background-color var(--duration-fast) var(--ease-out);
+}
+
+.variant-picker__value:hover {
+  border-color: var(--color-foreground);
+}
+
+.variant-picker__value.is-selected {
+  border-color: var(--color-foreground);
+  background-color: var(--color-foreground);
+  color: var(--color-background);
+}
+
+.variant-picker__value.is-unavailable {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Color swatches */
+.swatch {
+  position: relative;
+  width: 2rem;
+  height: 2rem;
+  border-radius: var(--radius-full);
+  border: 2px solid transparent;
+  cursor: pointer;
+  overflow: hidden;
+}
+
+.swatch::before {
+  content: '';
+  position: absolute;
+  inset: 2px;
+  border-radius: var(--radius-full);
+  background-color: var(--swatch-color);
+  background-image: var(--swatch-image);
+  background-size: cover;
+  background-position: center;
+}
+
+.swatch.is-selected {
+  border-color: var(--color-foreground);
+}
+
+.swatch:hover::after {
+  content: '';
+  position: absolute;
+  inset: 2px;
+  border-radius: var(--radius-full);
+  background-color: rgb(0 0 0 / 0.1);
+}
+
+/* Buy buttons */
+.buy-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+/* ========================================
+   CART
+   ======================================== */
+
+.cart {
+  display: grid;
+  gap: var(--space-8);
+}
+
+@media (min-width: 990px) {
+  .cart {
+    grid-template-columns: 1fr 24rem;
+  }
+}
+
+.cart__items {
+  display: flex;
+  flex-direction: column;
+}
+
+.cart__item {
+  display: grid;
+  grid-template-columns: 6rem 1fr;
+  gap: var(--space-4);
+  padding: var(--space-6) 0;
+  border-bottom: var(--border-width) solid var(--border-color);
+}
+
+.cart__item-media {
+  aspect-ratio: 3 / 4;
+  overflow: hidden;
+  background-color: var(--color-muted);
+}
+
+.cart__item-media img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.cart__item-info {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.cart__item-title {
+  font-size: var(--font-size-base);
+  font-weight: 500;
+}
+
+.cart__item-variant {
+  font-size: var(--font-size-sm);
+  color: var(--color-muted);
+}
+
+.cart__item-price {
+  font-size: var(--font-size-sm);
+}
+
+.cart__item-actions {
+  display: flex;
+  align-items: center;
+  gap: var(--space-4);
+  margin-top: auto;
+}
+
+.cart__summary {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+  padding: var(--space-6);
+  background-color: color-mix(in srgb, var(--color-muted) 20%, transparent);
+  height: fit-content;
+}
+
+@media (min-width: 990px) {
+  .cart__summary {
+    position: sticky;
+    top: calc(var(--header-height) + var(--space-4));
+  }
+}
+
+.cart__subtotal {
+  display: flex;
+  justify-content: space-between;
+  font-size: var(--font-size-lg);
+  font-weight: 500;
+}
+
+.cart__note {
+  font-size: var(--font-size-sm);
+  color: var(--color-muted);
+}
+
+/* ========================================
+   SEARCH
+   ======================================== */
+
+.search-form {
+  display: flex;
+  gap: var(--space-2);
+}
+
+.search-form__input {
+  flex: 1;
+}
+
+.predictive-search {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  background-color: var(--color-background);
+  border: var(--border-width) solid var(--border-color);
+  border-top: none;
+  box-shadow: var(--shadow-lg);
+  max-height: 80vh;
+  overflow-y: auto;
+}
+
+.predictive-search__results {
+  padding: var(--space-4);
+}
+
+.predictive-search__item {
+  display: grid;
+  grid-template-columns: 4rem 1fr;
+  gap: var(--space-3);
+  padding: var(--space-3);
+  text-decoration: none;
+  transition: background-color var(--duration-fast) var(--ease-out);
+}
+
+.predictive-search__item:hover {
+  background-color: color-mix(in srgb, var(--color-muted) 10%, transparent);
+}
+
+.predictive-search__item-image {
+  aspect-ratio: 1;
+  background-color: var(--color-muted);
+}
+
+.predictive-search__item-image img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.predictive-search__item-info {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--space-1);
+}
+
+.predictive-search__item-title {
+  font-size: var(--font-size-sm);
+  font-weight: 500;
+}
+
+.predictive-search__item-price {
+  font-size: var(--font-size-sm);
+  color: var(--color-muted);
+}
+
+/* ========================================
+   FACETED FILTERING
+   ======================================== */
+
+.facets {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+}
+
+.facets__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.facets__group {
+  border-bottom: var(--border-width) solid var(--border-color);
+}
+
+.facets__summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--space-4) 0;
+  font-size: var(--font-size-sm);
+  font-weight: 500;
+  cursor: pointer;
+  list-style: none;
+}
+
+.facets__summary::-webkit-details-marker {
+  display: none;
+}
+
+.facets__summary svg {
+  transition: transform var(--duration-fast) var(--ease-out);
+}
+
+.facets__group[open] .facets__summary svg {
+  transform: rotate(180deg);
+}
+
+.facets__options {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  padding-bottom: var(--space-4);
+}
+
+.facets__option {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  font-size: var(--font-size-sm);
+  cursor: pointer;
+}
+
+.facets__option-count {
+  color: var(--color-muted);
+  margin-left: auto;
+}
+
+.active-filters {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+
+.active-filter {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-1) var(--space-3);
+  font-size: var(--font-size-xs);
+  background-color: var(--color-foreground);
+  color: var(--color-background);
+  border-radius: var(--radius-full);
+}
+
+.active-filter__remove {
+  display: flex;
+  padding: var(--space-1);
+  margin: calc(var(--space-1) * -1);
+  margin-left: 0;
+}
+
+/* ========================================
+   BLOG & ARTICLES
+   ======================================== */
+
+.article-card {
+  display: flex;
+  flex-direction: column;
+}
+
+.article-card__media {
+  aspect-ratio: 16 / 9;
+  overflow: hidden;
+  margin-bottom: var(--space-4);
+}
+
+.article-card__media img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform var(--duration-slow) var(--ease-out);
+}
+
+.article-card:hover .article-card__media img {
+  transform: scale(1.05);
+}
+
+.article-card__meta {
+  display: flex;
+  gap: var(--space-4);
+  font-size: var(--font-size-xs);
+  color: var(--color-muted);
+  text-transform: uppercase;
+  letter-spacing: var(--letter-spacing-wide);
+  margin-bottom: var(--space-3);
+}
+
+.article-card__title {
+  font-size: var(--font-size-xl);
+  line-height: var(--line-height-snug);
+  margin-bottom: var(--space-3);
+}
+
+.article-card__title a {
+  text-decoration: none;
+}
+
+.article-card__excerpt {
+  color: var(--color-muted);
+  font-size: var(--font-size-sm);
+}
+
+/* Article page */
+.article {
+  max-width: var(--content-width-narrow);
+  margin: 0 auto;
+}
+
+.article__header {
+  text-align: center;
+  margin-bottom: var(--space-8);
+}
+
+.article__meta {
+  display: flex;
+  justify-content: center;
+  gap: var(--space-4);
+  font-size: var(--font-size-xs);
+  color: var(--color-muted);
+  text-transform: uppercase;
+  letter-spacing: var(--letter-spacing-wide);
+  margin-bottom: var(--space-4);
+}
+
+.article__title {
+  font-size: var(--font-size-4xl);
+  margin-bottom: var(--space-4);
+}
+
+.article__featured-image {
+  margin-bottom: var(--space-8);
+}
+
+.article__featured-image img {
+  width: 100%;
+  height: auto;
+}
+
+.article__content {
+  font-size: var(--font-size-md);
+}
+
+/* ========================================
+   NEWSLETTER
+   ======================================== */
+
+.newsletter {
+  text-align: center;
+  max-width: var(--content-width-narrow);
+  margin: 0 auto;
+}
+
+.newsletter__title {
+  margin-bottom: var(--space-4);
+}
+
+.newsletter__text {
+  color: var(--color-muted);
+  margin-bottom: var(--space-6);
+}
+
+.newsletter__form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+@media (min-width: 750px) {
+  .newsletter__form {
+    flex-direction: row;
+    max-width: 28rem;
+    margin: 0 auto;
+  }
+}
+
+.newsletter__input {
+  flex: 1;
+}
+
+/* ========================================
+   TESTIMONIALS
+   ======================================== */
+
+.testimonial {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  padding: var(--space-8);
+}
+
+.testimonial__quote {
+  font-family: var(--font-heading-family);
+  font-size: var(--font-size-2xl);
+  font-style: italic;
+  line-height: var(--line-height-relaxed);
+  margin-bottom: var(--space-6);
+}
+
+.testimonial__author {
+  font-size: var(--font-size-sm);
+  font-weight: 500;
+}
+
+.testimonial__role {
+  font-size: var(--font-size-xs);
+  color: var(--color-muted);
+}
+
+/* ========================================
+   PAGINATION
+   ======================================== */
+
+.pagination {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: var(--space-2);
+  margin-top: var(--space-8);
+}
+
+.pagination__item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--touch-target-min);
+  height: var(--touch-target-min);
+  font-size: var(--font-size-sm);
+  text-decoration: none;
+  transition: opacity var(--duration-fast) var(--ease-out);
+}
+
+.pagination__item:hover {
+  opacity: 0.7;
+}
+
+.pagination__item.is-current {
+  font-weight: 600;
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+}
+
+.pagination__item.is-disabled {
+  opacity: 0.3;
+  pointer-events: none;
+}
+
+/* ========================================
+   LOCALIZATION
+   ======================================== */
+
+.localization-form {
+  display: flex;
+  gap: var(--space-4);
+}
+
+.localization-selector {
+  position: relative;
+}
+
+.localization-selector__button {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  font-size: var(--font-size-sm);
+}
+
+.localization-selector__dropdown {
+  position: absolute;
+  bottom: 100%;
+  left: 0;
+  min-width: 10rem;
+  padding: var(--space-2);
+  background-color: var(--color-background);
+  border: var(--border-width) solid var(--border-color);
+  box-shadow: var(--shadow-lg);
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(0.5rem);
+  transition: opacity var(--duration-fast) var(--ease-out),
+              visibility var(--duration-fast) var(--ease-out),
+              transform var(--duration-fast) var(--ease-out);
+}
+
+.localization-selector.is-open .localization-selector__dropdown {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+}
+
+.localization-selector__option {
+  display: block;
+  width: 100%;
+  padding: var(--space-2) var(--space-3);
+  font-size: var(--font-size-sm);
+  text-align: left;
+  text-decoration: none;
+  transition: background-color var(--duration-fast) var(--ease-out);
+}
+
+.localization-selector__option:hover {
+  background-color: color-mix(in srgb, var(--color-muted) 10%, transparent);
+}
+
+/* ========================================
+   GIFT CARD
+   ======================================== */
+
+.gift-card {
+  max-width: 28rem;
+  margin: 0 auto;
+  text-align: center;
+}
+
+.gift-card__image {
+  margin-bottom: var(--space-6);
+}
+
+.gift-card__image img {
+  width: 100%;
+  height: auto;
+}
+
+.gift-card__title {
+  margin-bottom: var(--space-4);
+}
+
+.gift-card__balance {
+  font-size: var(--font-size-3xl);
+  font-weight: 500;
+  margin-bottom: var(--space-6);
+}
+
+.gift-card__code {
+  display: inline-flex;
+  padding: var(--space-3) var(--space-6);
+  font-family: monospace;
+  font-size: var(--font-size-lg);
+  background-color: color-mix(in srgb, var(--color-muted) 20%, transparent);
+  border-radius: var(--radius-md);
+  margin-bottom: var(--space-6);
+}
+
+.gift-card__qr {
+  margin-bottom: var(--space-6);
+}
+
+.gift-card__qr img {
+  max-width: 8rem;
+  margin: 0 auto;
+}
+
+/* ========================================
+   PASSWORD PAGE
+   ======================================== */
+
+.password-page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  text-align: center;
+  padding: var(--space-8);
+}
+
+.password-page__logo {
+  margin-bottom: var(--space-8);
+}
+
+.password-page__title {
+  margin-bottom: var(--space-4);
+}
+
+.password-page__message {
+  color: var(--color-muted);
+  margin-bottom: var(--space-8);
+  max-width: 30rem;
+}
+
+.password-page__form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+  width: 100%;
+  max-width: 20rem;
+}
+
+/* ========================================
+   404 PAGE
+   ======================================== */
+
+.not-found {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 50vh;
+  text-align: center;
+  padding: var(--space-8);
+}
+
+.not-found__title {
+  font-size: var(--font-size-display);
+  margin-bottom: var(--space-4);
+}
+
+.not-found__text {
+  color: var(--color-muted);
+  margin-bottom: var(--space-8);
+  max-width: 30rem;
+}
+
+/* ========================================
+   HEADER ENHANCEMENTS (Premium)
+   ======================================== */
+
+/* Smart sticky - hidden state */
+.header--hidden {
+  transform: translateY(-100%);
+  transition: transform var(--duration-normal) var(--ease-out);
+}
+
+/* Smart sticky - reduced state */
+.header--reduced {
+  --header-height: 3.5rem;
+}
+
+.header--reduced .header__logo img {
+  max-height: 2rem;
+  transition: max-height var(--duration-normal) var(--ease-out);
+}
+
+/* Cart dot badge style */
+.header__cart-dot {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  width: 0.5rem;
+  height: 0.5rem;
+  background-color: var(--color-accent);
+  border-radius: var(--radius-full);
+}
+
+/* Header utility navigation */
+.header__utility {
+  font-size: var(--font-size-xs);
+  padding: var(--space-2) 0;
+  border-bottom: var(--border-width) solid var(--border-color);
+}
+
+.header__utility .container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.header__utility-list {
+  display: flex;
+  gap: var(--space-6);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.header__utility-link {
+  text-decoration: none;
+  transition: opacity var(--duration-fast) var(--ease-out);
+}
+
+.header__utility-link:hover {
+  opacity: 0.7;
+}
+
+.header__utility-locale {
+  display: flex;
+  gap: var(--space-4);
+}
+
+/* ========================================
+   MEGA MENU PROMO (Premium)
+   ======================================== */
+
+.mega-menu__inner {
+  display: flex;
+  gap: var(--space-10);
+  padding: var(--space-10) var(--page-margin);
+  max-width: var(--page-width);
+  margin: 0 auto;
+}
+
+.mega-menu__content {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+  gap: var(--space-10);
+  flex: 1;
+}
+
+.mega-menu__promo {
+  flex-shrink: 0;
+  width: 16rem;
+}
+
+.mega-menu__promo-link {
+  display: block;
+  text-decoration: none;
+}
+
+.mega-menu__promo-image {
+  aspect-ratio: 4/5;
+  overflow: hidden;
+  margin-bottom: var(--space-3);
+}
+
+.mega-menu__promo-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform var(--duration-slow) var(--ease-out);
+}
+
+.mega-menu__promo-link:hover .mega-menu__promo-img {
+  transform: scale(1.05);
+}
+
+.mega-menu__promo-text {
+  font-size: var(--font-size-sm);
+  font-weight: 500;
+}
+
+/* ========================================
+   PREDICTIVE SEARCH (Premium)
+   ======================================== */
+
+.predictive-search {
+  position: relative;
+}
+
+.predictive-search__form {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+}
+
+.predictive-search__input-wrapper {
+  position: relative;
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.predictive-search__icon {
+  position: absolute;
+  left: var(--space-3);
+  color: var(--color-muted);
+  pointer-events: none;
+}
+
+.predictive-search__input {
+  width: 100%;
+  padding-left: var(--space-10);
+  padding-right: var(--space-10);
+}
+
+.predictive-search__clear {
+  position: absolute;
+  right: var(--space-2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--touch-target-min);
+  height: var(--touch-target-min);
+  opacity: 0.6;
+  transition: opacity var(--duration-fast) var(--ease-out);
+}
+
+.predictive-search__clear:hover {
+  opacity: 1;
+}
+
+.predictive-search__submit {
+  flex-shrink: 0;
+}
+
+.predictive-search__close {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--touch-target-min);
+  height: var(--touch-target-min);
+}
+
+.predictive-search__results {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  background: var(--color-background);
+  border: var(--border-width) solid var(--border-color);
+  border-top: none;
+  box-shadow: var(--shadow-lg);
+  max-height: 60vh;
+  overflow-y: auto;
+  z-index: var(--z-dropdown);
+}
+
+.predictive-search__loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-3);
+  padding: var(--space-6);
+  color: var(--color-muted);
+}
+
+.predictive-search__loading-spinner {
+  width: 1.25rem;
+  height: 1.25rem;
+  border: 2px solid var(--border-color);
+  border-top-color: var(--color-foreground);
+  border-radius: var(--radius-full);
+  animation: spin 0.8s linear infinite;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+.predictive-search__content {
+  padding: var(--space-4);
+}
+
+.predictive-search__section {
+  margin-bottom: var(--space-4);
+}
+
+.predictive-search__section:last-child {
+  margin-bottom: 0;
+}
+
+.predictive-search__section-title {
+  font-size: var(--font-size-xs);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: var(--letter-spacing-widest);
+  color: var(--color-muted);
+  margin-bottom: var(--space-3);
+  padding-bottom: var(--space-2);
+  border-bottom: var(--border-width) solid var(--border-color);
+}
+
+.predictive-search__products {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.predictive-search__product {
+  transition: background-color var(--duration-fast) var(--ease-out);
+}
+
+.predictive-search__product.is-selected,
+.predictive-search__product:hover {
+  background-color: color-mix(in srgb, var(--color-muted) 10%, transparent);
+}
+
+.predictive-search__product-link {
+  display: flex;
+  gap: var(--space-3);
+  padding: var(--space-2);
+  text-decoration: none;
+}
+
+.predictive-search__product-image {
+  width: 3.75rem;
+  height: 4.75rem;
+  flex-shrink: 0;
+  background-color: var(--color-muted);
+  overflow: hidden;
+}
+
+.predictive-search__product-image img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.predictive-search__product-image--placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-muted);
+}
+
+.predictive-search__product-image--placeholder svg {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.predictive-search__product-info {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+  justify-content: center;
+}
+
+.predictive-search__product-vendor {
+  font-size: var(--font-size-xs);
+  color: var(--color-muted);
+  text-transform: uppercase;
+  letter-spacing: var(--letter-spacing-wide);
+}
+
+.predictive-search__product-title {
+  font-size: var(--font-size-sm);
+  font-weight: 500;
+}
+
+.predictive-search__product-price {
+  font-size: var(--font-size-sm);
+  color: var(--color-muted);
+}
+
+.predictive-search__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.predictive-search__list li {
+  transition: background-color var(--duration-fast) var(--ease-out);
+}
+
+.predictive-search__list li.is-selected,
+.predictive-search__list li:hover {
+  background-color: color-mix(in srgb, var(--color-muted) 10%, transparent);
+}
+
+.predictive-search__link {
+  display: block;
+  padding: var(--space-2);
+  font-size: var(--font-size-sm);
+  text-decoration: none;
+}
+
+.predictive-search__footer {
+  padding-top: var(--space-4);
+  border-top: var(--border-width) solid var(--border-color);
+  text-align: center;
+}
+
+.predictive-search__view-all {
+  width: 100%;
+}
+
+.predictive-search__no-results {
+  padding: var(--space-4);
+  text-align: center;
+}
+
+.predictive-search__suggestions {
+  list-style: disc;
+  padding-left: var(--space-6);
+  margin-top: var(--space-4);
+  text-align: left;
+  font-size: var(--font-size-sm);
+  color: var(--color-muted);
+}
+
+/* ========================================
+   DRAWER ENHANCEMENTS (Premium)
+   ======================================== */
+
+.drawer__search {
+  padding: var(--space-4);
+  border-bottom: var(--border-width) solid var(--border-color);
+}
+
+.drawer__search-form {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  background-color: color-mix(in srgb, var(--color-muted) 10%, transparent);
+  border-radius: var(--radius-md);
+  padding: var(--space-2) var(--space-3);
+}
+
+.drawer__search-form .icon {
+  color: var(--color-muted);
+  flex-shrink: 0;
+}
+
+.drawer__search-input {
+  flex: 1;
+  border: none;
+  background: transparent;
+  padding: var(--space-1) 0;
+}
+
+.drawer__search-input:focus {
+  outline: none;
+}
+
+.drawer__localization {
+  padding: var(--space-4) 0;
+  border-bottom: var(--border-width) solid var(--border-color);
+}
+
+.drawer__social {
+  padding: var(--space-4) 0;
+}
+
+/* ========================================
+   SOCIAL ICONS
+   ======================================== */
+
+.social-icons {
+  display: flex;
+  gap: var(--space-3);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.social-icons__link {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--touch-target-min);
+  height: var(--touch-target-min);
+  transition: opacity var(--duration-fast) var(--ease-out);
+}
+
+.social-icons__link:hover {
+  opacity: 0.7;
+}
+
+/* ========================================
+   HEADER LOCALIZATION
+   ======================================== */
+
+.header-localization {
+  display: flex;
+  gap: var(--space-4);
+}
+
+.header-localization__item {
+  position: relative;
+}
+
+.header-localization__form {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.header-localization__select {
+  appearance: none;
+  background: transparent;
+  border: none;
+  font-size: var(--font-size-xs);
+  padding-right: var(--space-5);
+  cursor: pointer;
+}
+
+.header-localization__select:focus {
+  outline: none;
+}
+
+.header-localization__icon {
+  position: absolute;
+  right: 0;
+  pointer-events: none;
+}
+
+/* ========================================
+   FOOTER ENHANCEMENTS (Premium)
+   ======================================== */
+
+/* Footer layouts */
+.footer__main--equal {
+  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
+}
+
+.footer__main--first-wide {
+  grid-template-columns: 2fr repeat(auto-fit, minmax(10rem, 1fr));
+}
+
+.footer__main--last-wide {
+  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)) 2fr;
+}
+
+/* Footer accordion mobile */
+.footer__accordion {
+  border-bottom: var(--border-width) solid var(--border-color);
+}
+
+.footer__heading--accordion {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: var(--space-4) 0;
+  cursor: pointer;
+  list-style: none;
+}
+
+.footer__heading--accordion::-webkit-details-marker {
+  display: none;
+}
+
+.footer__heading--accordion .icon {
+  transition: transform var(--duration-fast) var(--ease-out);
+}
+
+.footer__accordion[open] .footer__heading--accordion .icon {
+  transform: rotate(180deg);
+}
+
+.footer__accordion-content {
+  padding-bottom: var(--space-4);
+}
+
+/* Footer brand block */
+.footer__column--brand {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+}
+
+.footer__brand-logo {
+  display: inline-block;
+  text-decoration: none;
+}
+
+.footer__brand-logo-image {
+  max-height: 2.5rem;
+  width: auto;
+}
+
+.footer__brand-logo-text {
+  font-weight: 600;
+  letter-spacing: var(--letter-spacing-wide);
+  text-transform: uppercase;
+}
+
+.footer__brand-description {
+  font-size: var(--font-size-sm);
+  color: var(--color-muted);
+}
+
+.footer__brand-social {
+  margin-top: var(--space-2);
+}
+
+/* Footer contact block */
+.footer__contact-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.footer__contact-item {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-2);
+  font-size: var(--font-size-sm);
+}
+
+.footer__contact-item .icon {
+  flex-shrink: 0;
+  margin-top: 0.125rem;
+  color: var(--color-muted);
+}
+
+.footer__contact-item--address {
+  align-items: flex-start;
+}
+
+/* Footer image block */
+.footer__column--image {
+  display: flex;
+  align-items: flex-start;
+}
+
+.footer__image-link {
+  display: block;
+}
+
+.footer__image {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Footer newsletter enhancements */
+.footer__newsletter-field {
+  display: flex;
+  gap: var(--space-2);
+}
+
+.footer__newsletter-input {
+  flex: 1;
+  min-width: 0;
+}
+
+.footer__newsletter-btn {
+  flex-shrink: 0;
+}
+
+.footer__newsletter-success {
+  margin-top: var(--space-3);
+  font-size: var(--font-size-sm);
+  color: var(--color-success);
+}
+
+.footer__newsletter-error {
+  margin-top: var(--space-3);
+  font-size: var(--font-size-sm);
+  color: var(--color-error);
+}
+
+/* Footer social (standalone) */
+.footer__social {
+  padding: var(--space-6) 0;
+  display: flex;
+  justify-content: center;
+}
+
+.footer__social-list {
+  display: flex;
+  gap: var(--space-4);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/* Follow on Shop */
+.footer__follow-on-shop {
+  display: flex;
+  justify-content: center;
+  padding: var(--space-4) 0;
+}
+
+.follow-on-shop {
+  display: inline-flex;
+}
+
+.footer__follow-shop {
+  margin-top: var(--space-4);
+}
+
+/* Footer bottom enhancements */
+.footer__bottom-left {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--space-4);
+}
+
+.footer__localization {
+  display: flex;
+  gap: var(--space-4);
+}
+
+/* ========================================
+   BACK TO TOP BUTTON
+   ======================================== */
+
+.back-to-top {
+  position: fixed;
+  bottom: var(--space-6);
+  right: var(--space-6);
+  width: var(--touch-target-min);
+  height: var(--touch-target-min);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--color-foreground);
+  color: var(--color-background);
+  border: none;
+  border-radius: var(--radius-full);
+  box-shadow: var(--shadow-md);
+  cursor: pointer;
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(1rem);
+  transition: opacity var(--duration-normal) var(--ease-out),
+              visibility var(--duration-normal) var(--ease-out),
+              transform var(--duration-normal) var(--ease-out),
+              background-color var(--duration-fast) var(--ease-out);
+  z-index: var(--z-fixed);
+}
+
+.back-to-top:hover {
+  background-color: var(--color-accent);
+}
+
+.back-to-top.is-visible {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+}
+
+/* ========================================
+   RESPONSIVE UTILITIES
+   ======================================== */
+
+@media (max-width: 749px) {
+  .hide-mobile {
+    display: none !important;
+  }
+}
+
+@media (min-width: 750px) and (max-width: 989px) {
+  .hide-tablet {
+    display: none !important;
+  }
+}
+
+@media (min-width: 990px) {
+  .hide-desktop {
+    display: none !important;
+  }
+}
diff --git a/config/settings_data.json b/config/settings_data.json
index 512f358e..514d88ac 100644
--- a/config/settings_data.json
+++ b/config/settings_data.json
@@ -1,12 +1,214 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
-  "current": {}
+  "current": "Influence",
+  "presets": {
+    "Influence": {
+      "color_schemes": {
+        "scheme_1": {
+          "background": "#ffffff",
+          "text": "#1a1a1a",
+          "button": "#1a1a1a",
+          "button_label": "#ffffff",
+          "secondary_button_label": "#1a1a1a",
+          "shadow": "#1a1a1a"
+        },
+        "scheme_2": {
+          "background": "#1a1a1a",
+          "text": "#ffffff",
+          "button": "#ffffff",
+          "button_label": "#1a1a1a",
+          "secondary_button_label": "#ffffff",
+          "shadow": "#1a1a1a"
+        },
+        "scheme_3": {
+          "background": "#f5f5f5",
+          "text": "#1a1a1a",
+          "button": "#1a1a1a",
+          "button_label": "#ffffff",
+          "secondary_button_label": "#1a1a1a",
+          "shadow": "#1a1a1a"
+        },
+        "scheme_4": {
+          "background": "#c4a87c",
+          "text": "#1a1a1a",
+          "button": "#1a1a1a",
+          "button_label": "#ffffff",
+          "secondary_button_label": "#1a1a1a",
+          "shadow": "#1a1a1a"
+        }
+      },
+      "color_sale": "#c62828",
+      "color_error": "#c62828",
+      "color_success": "#2e7d32",
+      "type_heading_font": "space_mono_n4",
+      "type_body_font": "bricolage_grotesque_n4",
+      "max_page_width": "1440px",
+      "min_page_margin": 24,
+      "button_corner_radius": 0,
+      "input_corner_radius": 0,
+      "button_uppercase": true,
+      "enable_animations": true,
+      "product_card_aspect_ratio": "3/4",
+      "sections": {
+        "header": {
+          "type": "header",
+          "settings": {
+            "menu": "main-menu",
+            "logo_position": "center",
+            "logo_width": 120,
+            "enable_sticky": true,
+            "enable_transparent": false,
+            "show_search": true,
+            "show_account": true,
+            "color_scheme": "scheme_1"
+          }
+        },
+        "footer": {
+          "type": "footer",
+          "blocks": {
+            "menu_1": {
+              "type": "menu",
+              "settings": {
+                "heading": "Shop",
+                "menu": "footer"
+              }
+            },
+            "menu_2": {
+              "type": "menu",
+              "settings": {
+                "heading": "Help",
+                "menu": "footer"
+              }
+            },
+            "newsletter": {
+              "type": "newsletter",
+              "settings": {
+                "heading": "Subscribe",
+                "text": "Get exclusive access to new arrivals and promotions."
+              }
+            }
+          },
+          "block_order": ["menu_1", "menu_2", "newsletter"],
+          "settings": {
+            "color_scheme": "scheme_1",
+            "show_social": true,
+            "show_payment_icons": true,
+            "show_country_selector": true,
+            "show_language_selector": true
+          }
+        },
+        "announcement-bar": {
+          "type": "announcement-bar",
+          "blocks": {
+            "announcement_1": {
+              "type": "announcement",
+              "settings": {
+                "text": "Free shipping on orders over $100",
+                "link": ""
+              }
+            }
+          },
+          "block_order": ["announcement_1"],
+          "settings": {
+            "color_scheme": "scheme_2"
+          }
+        }
+      }
+    },
+    "Runway": {
+      "color_schemes": {
+        "scheme_1": {
+          "background": "#faf9f7",
+          "text": "#2d2d2d",
+          "button": "#c41e3a",
+          "button_label": "#ffffff",
+          "secondary_button_label": "#2d2d2d",
+          "shadow": "#2d2d2d"
+        },
+        "scheme_2": {
+          "background": "#2d2d2d",
+          "text": "#faf9f7",
+          "button": "#c41e3a",
+          "button_label": "#ffffff",
+          "secondary_button_label": "#faf9f7",
+          "shadow": "#2d2d2d"
+        },
+        "scheme_3": {
+          "background": "#c41e3a",
+          "text": "#ffffff",
+          "button": "#ffffff",
+          "button_label": "#c41e3a",
+          "secondary_button_label": "#ffffff",
+          "shadow": "#2d2d2d"
+        },
+        "scheme_4": {
+          "background": "#f5f3f0",
+          "text": "#2d2d2d",
+          "button": "#2d2d2d",
+          "button_label": "#ffffff",
+          "secondary_button_label": "#2d2d2d",
+          "shadow": "#2d2d2d"
+        }
+      },
+      "color_sale": "#b71c1c",
+      "color_error": "#b71c1c",
+      "color_success": "#1b5e20",
+      "type_heading_font": "playfair_display_n7",
+      "type_body_font": "source_sans_pro_n4",
+      "max_page_width": "1440px",
+      "min_page_margin": 24,
+      "button_corner_radius": 4,
+      "input_corner_radius": 4,
+      "button_uppercase": false,
+      "enable_animations": true,
+      "product_card_aspect_ratio": "3/4"
+    },
+    "Atelier": {
+      "color_schemes": {
+        "scheme_1": {
+          "background": "#f5f3ef",
+          "text": "#3d3d3d",
+          "button": "#8b7355",
+          "button_label": "#ffffff",
+          "secondary_button_label": "#3d3d3d",
+          "shadow": "#3d3d3d"
+        },
+        "scheme_2": {
+          "background": "#3d3d3d",
+          "text": "#f5f3ef",
+          "button": "#8b7355",
+          "button_label": "#ffffff",
+          "secondary_button_label": "#f5f3ef",
+          "shadow": "#3d3d3d"
+        },
+        "scheme_3": {
+          "background": "#8b7355",
+          "text": "#ffffff",
+          "button": "#ffffff",
+          "button_label": "#8b7355",
+          "secondary_button_label": "#ffffff",
+          "shadow": "#3d3d3d"
+        },
+        "scheme_4": {
+          "background": "#ebe7e1",
+          "text": "#3d3d3d",
+          "button": "#3d3d3d",
+          "button_label": "#ffffff",
+          "secondary_button_label": "#3d3d3d",
+          "shadow": "#3d3d3d"
+        }
+      },
+      "color_sale": "#bf360c",
+      "color_error": "#bf360c",
+      "color_success": "#33691e",
+      "type_heading_font": "cormorant_garamond_n5",
+      "type_body_font": "karla_n4",
+      "max_page_width": "1200px",
+      "min_page_margin": 32,
+      "button_corner_radius": 2,
+      "input_corner_radius": 2,
+      "button_uppercase": true,
+      "enable_animations": true,
+      "product_card_aspect_ratio": "4/5"
+    }
+  }
 }
diff --git a/config/settings_schema.json b/config/settings_schema.json
index 8d3b532d..0a67772f 100644
--- a/config/settings_schema.json
+++ b/config/settings_schema.json
@@ -1,42 +1,216 @@
 [
   {
     "name": "theme_info",
-    "theme_name": "Skeleton",
-    "theme_version": "0.1.0",
-    "theme_author": "Shopify",
+    "theme_name": "Influence",
+    "theme_version": "1.0.0",
+    "theme_author": "Shopify Partner",
     "theme_documentation_url": "https://help.shopify.com/manual/online-store/themes",
     "theme_support_url": "https://support.shopify.com/"
   },
   {
-    "name": "t:general.typography",
+    "name": "t:settings_schema.logo.name",
     "settings": [
+      {
+        "type": "image_picker",
+        "id": "logo",
+        "label": "t:settings_schema.logo.settings.logo.label"
+      },
+      {
+        "type": "range",
+        "id": "logo_width",
+        "min": 50,
+        "max": 250,
+        "step": 10,
+        "unit": "px",
+        "label": "t:settings_schema.logo.settings.logo_width.label",
+        "default": 120
+      },
+      {
+        "type": "image_picker",
+        "id": "favicon",
+        "label": "t:settings_schema.logo.settings.favicon.label",
+        "info": "t:settings_schema.logo.settings.favicon.info"
+      }
+    ]
+  },
+  {
+    "name": "t:settings_schema.colors.name",
+    "settings": [
+      {
+        "type": "color_scheme_group",
+        "id": "color_schemes",
+        "definition": [
+          {
+            "type": "color",
+            "id": "background",
+            "label": "t:settings_schema.colors.settings.background.label",
+            "info": "t:settings_schema.colors.settings.background.info"
+          },
+          {
+            "type": "color",
+            "id": "text",
+            "label": "t:settings_schema.colors.settings.text.label",
+            "info": "t:settings_schema.colors.settings.text.info"
+          },
+          {
+            "type": "color",
+            "id": "button",
+            "label": "t:settings_schema.colors.settings.button.label",
+            "info": "t:settings_schema.colors.settings.button.info"
+          },
+          {
+            "type": "color",
+            "id": "button_label",
+            "label": "t:settings_schema.colors.settings.button_label.label",
+            "info": "t:settings_schema.colors.settings.button_label.info"
+          },
+          {
+            "type": "color",
+            "id": "secondary_button_label",
+            "label": "t:settings_schema.colors.settings.secondary_button_label.label",
+            "info": "t:settings_schema.colors.settings.secondary_button_label.info"
+          },
+          {
+            "type": "color",
+            "id": "shadow",
+            "label": "t:settings_schema.colors.settings.shadow.label",
+            "info": "t:settings_schema.colors.settings.shadow.info"
+          }
+        ],
+        "role": {
+          "text": "text",
+          "background": {
+            "solid": "background",
+            "gradient": "background_gradient"
+          },
+          "links": "secondary_button_label",
+          "icons": "text",
+          "primary_button": "button",
+          "on_primary_button": "button_label",
+          "primary_button_border": "button",
+          "secondary_button": "background",
+          "on_secondary_button": "secondary_button_label",
+          "secondary_button_border": "secondary_button_label"
+        },
+        "default": {
+          "scheme_1": {
+            "background": "#FFFFFF",
+            "text": "#1A1A1A",
+            "button": "#1A1A1A",
+            "button_label": "#FFFFFF",
+            "secondary_button_label": "#1A1A1A",
+            "shadow": "#1A1A1A"
+          },
+          "scheme_2": {
+            "background": "#1A1A1A",
+            "text": "#FFFFFF",
+            "button": "#FFFFFF",
+            "button_label": "#1A1A1A",
+            "secondary_button_label": "#FFFFFF",
+            "shadow": "#1A1A1A"
+          },
+          "scheme_3": {
+            "background": "#F5F5F5",
+            "text": "#1A1A1A",
+            "button": "#1A1A1A",
+            "button_label": "#FFFFFF",
+            "secondary_button_label": "#1A1A1A",
+            "shadow": "#1A1A1A"
+          },
+          "scheme_4": {
+            "background": "#C4A87C",
+            "text": "#1A1A1A",
+            "button": "#1A1A1A",
+            "button_label": "#FFFFFF",
+            "secondary_button_label": "#1A1A1A",
+            "shadow": "#1A1A1A"
+          }
+        }
+      },
       {
         "type": "header",
-        "content": "t:general.fonts"
+        "content": "t:settings_schema.colors.settings.semantic.header"
+      },
+      {
+        "type": "color",
+        "id": "color_sale",
+        "label": "t:settings_schema.colors.settings.sale.label",
+        "default": "#B22222"
+      },
+      {
+        "type": "color",
+        "id": "color_error",
+        "label": "t:settings_schema.colors.settings.error.label",
+        "default": "#DC3545"
+      },
+      {
+        "type": "color",
+        "id": "color_success",
+        "label": "t:settings_schema.colors.settings.success.label",
+        "default": "#198754"
+      }
+    ]
+  },
+  {
+    "name": "t:settings_schema.typography.name",
+    "settings": [
+      {
+        "type": "header",
+        "content": "t:settings_schema.typography.settings.headings.header"
+      },
+      {
+        "type": "font_picker",
+        "id": "type_heading_font",
+        "label": "t:settings_schema.typography.settings.heading_font.label",
+        "default": "assistant_n4",
+        "info": "t:settings_schema.typography.settings.heading_font.info"
+      },
+      {
+        "type": "header",
+        "content": "t:settings_schema.typography.settings.body.header"
       },
       {
         "type": "font_picker",
-        "id": "type_primary_font",
-        "default": "work_sans_n4",
-        "label": "t:general.primary"
+        "id": "type_body_font",
+        "label": "t:settings_schema.typography.settings.body_font.label",
+        "default": "assistant_n4",
+        "info": "t:settings_schema.typography.settings.body_font.info"
+      },
+      {
+        "type": "range",
+        "id": "type_base_size",
+        "min": 14,
+        "max": 18,
+        "step": 1,
+        "unit": "px",
+        "label": "t:settings_schema.typography.settings.base_size.label",
+        "default": 16
       }
     ]
   },
   {
-    "name": "t:general.layout",
+    "name": "t:settings_schema.layout.name",
     "settings": [
       {
         "type": "select",
         "id": "max_page_width",
-        "label": "t:labels.page_width",
+        "label": "t:settings_schema.layout.settings.page_width.label",
         "options": [
+          {
+            "value": "80rem",
+            "label": "t:settings_schema.layout.settings.page_width.options.narrow"
+          },
           {
             "value": "90rem",
-            "label": "t:options.page_width.narrow"
+            "label": "t:settings_schema.layout.settings.page_width.options.standard"
+          },
+          {
+            "value": "100rem",
+            "label": "t:settings_schema.layout.settings.page_width.options.wide"
           },
           {
             "value": "110rem",
-            "label": "t:options.page_width.wide"
+            "label": "t:settings_schema.layout.settings.page_width.options.full"
           }
         ],
         "default": "90rem"
@@ -44,39 +218,256 @@
       {
         "type": "range",
         "id": "min_page_margin",
-        "min": 10,
-        "max": 100,
-        "step": 1,
+        "min": 16,
+        "max": 80,
+        "step": 4,
         "unit": "px",
-        "label": "t:labels.page_margin",
-        "default": 20
+        "label": "t:settings_schema.layout.settings.page_margin.label",
+        "default": 24
+      },
+      {
+        "type": "select",
+        "id": "section_spacing",
+        "label": "t:settings_schema.layout.settings.section_spacing.label",
+        "options": [
+          {
+            "value": "compact",
+            "label": "t:settings_schema.layout.settings.section_spacing.options.compact"
+          },
+          {
+            "value": "standard",
+            "label": "t:settings_schema.layout.settings.section_spacing.options.standard"
+          },
+          {
+            "value": "generous",
+            "label": "t:settings_schema.layout.settings.section_spacing.options.generous"
+          }
+        ],
+        "default": "standard"
       }
     ]
   },
   {
-    "name": "t:general.colors",
+    "name": "t:settings_schema.buttons.name",
     "settings": [
       {
-        "type": "color",
-        "id": "background_color",
-        "default": "#FFFFFF",
-        "label": "t:labels.background"
+        "type": "range",
+        "id": "button_corner_radius",
+        "min": 0,
+        "max": 24,
+        "step": 2,
+        "unit": "px",
+        "label": "t:settings_schema.buttons.settings.corner_radius.label",
+        "default": 0
       },
       {
-        "type": "color",
-        "id": "foreground_color",
-        "default": "#333333",
-        "label": "t:labels.foreground"
+        "type": "checkbox",
+        "id": "button_uppercase",
+        "label": "t:settings_schema.buttons.settings.uppercase.label",
+        "default": true
       },
       {
         "type": "range",
         "id": "input_corner_radius",
         "min": 0,
-        "max": 10,
-        "step": 1,
+        "max": 16,
+        "step": 2,
         "unit": "px",
-        "label": "t:labels.input_corner_radius",
-        "default": 4
+        "label": "t:settings_schema.buttons.settings.input_corner_radius.label",
+        "default": 0
+      }
+    ]
+  },
+  {
+    "name": "t:settings_schema.animations.name",
+    "settings": [
+      {
+        "type": "checkbox",
+        "id": "enable_animations",
+        "label": "t:settings_schema.animations.settings.enable.label",
+        "default": true,
+        "info": "t:settings_schema.animations.settings.enable.info"
+      },
+      {
+        "type": "select",
+        "id": "animation_style",
+        "label": "t:settings_schema.animations.settings.style.label",
+        "options": [
+          {
+            "value": "subtle",
+            "label": "t:settings_schema.animations.settings.style.options.subtle"
+          },
+          {
+            "value": "elegant",
+            "label": "t:settings_schema.animations.settings.style.options.elegant"
+          },
+          {
+            "value": "dramatic",
+            "label": "t:settings_schema.animations.settings.style.options.dramatic"
+          }
+        ],
+        "default": "elegant"
+      },
+      {
+        "type": "checkbox",
+        "id": "enable_image_zoom",
+        "label": "t:settings_schema.animations.settings.image_zoom.label",
+        "default": true
+      }
+    ]
+  },
+  {
+    "name": "t:settings_schema.products.name",
+    "settings": [
+      {
+        "type": "select",
+        "id": "product_card_aspect_ratio",
+        "label": "t:settings_schema.products.settings.card_aspect_ratio.label",
+        "options": [
+          {
+            "value": "1/1",
+            "label": "t:settings_schema.products.settings.card_aspect_ratio.options.square"
+          },
+          {
+            "value": "3/4",
+            "label": "t:settings_schema.products.settings.card_aspect_ratio.options.portrait"
+          },
+          {
+            "value": "4/5",
+            "label": "t:settings_schema.products.settings.card_aspect_ratio.options.tall"
+          }
+        ],
+        "default": "3/4"
+      },
+      {
+        "type": "checkbox",
+        "id": "show_secondary_image",
+        "label": "t:settings_schema.products.settings.secondary_image.label",
+        "default": true
+      },
+      {
+        "type": "checkbox",
+        "id": "show_vendor",
+        "label": "t:settings_schema.products.settings.show_vendor.label",
+        "default": true
+      },
+      {
+        "type": "checkbox",
+        "id": "enable_quick_add",
+        "label": "t:settings_schema.products.settings.quick_add.label",
+        "default": true
+      }
+    ]
+  },
+  {
+    "name": "t:settings_schema.cart.name",
+    "settings": [
+      {
+        "type": "select",
+        "id": "cart_type",
+        "label": "t:settings_schema.cart.settings.type.label",
+        "options": [
+          {
+            "value": "page",
+            "label": "t:settings_schema.cart.settings.type.options.page"
+          },
+          {
+            "value": "drawer",
+            "label": "t:settings_schema.cart.settings.type.options.drawer"
+          }
+        ],
+        "default": "drawer"
+      },
+      {
+        "type": "checkbox",
+        "id": "cart_show_vendor",
+        "label": "t:settings_schema.cart.settings.show_vendor.label",
+        "default": false
+      },
+      {
+        "type": "checkbox",
+        "id": "cart_enable_notes",
+        "label": "t:settings_schema.cart.settings.enable_notes.label",
+        "default": true
+      },
+      {
+        "type": "checkbox",
+        "id": "enable_cart_upsell",
+        "label": "t:settings_schema.cart.settings.upsell.label",
+        "default": true
+      }
+    ]
+  },
+  {
+    "name": "t:settings_schema.social_media.name",
+    "settings": [
+      {
+        "type": "header",
+        "content": "t:settings_schema.social_media.settings.accounts.header"
+      },
+      {
+        "type": "text",
+        "id": "social_instagram_link",
+        "label": "t:settings_schema.social_media.settings.instagram.label",
+        "info": "t:settings_schema.social_media.settings.social_info"
+      },
+      {
+        "type": "text",
+        "id": "social_facebook_link",
+        "label": "t:settings_schema.social_media.settings.facebook.label",
+        "info": "t:settings_schema.social_media.settings.social_info"
+      },
+      {
+        "type": "text",
+        "id": "social_twitter_link",
+        "label": "t:settings_schema.social_media.settings.twitter.label",
+        "info": "t:settings_schema.social_media.settings.social_info"
+      },
+      {
+        "type": "text",
+        "id": "social_pinterest_link",
+        "label": "t:settings_schema.social_media.settings.pinterest.label",
+        "info": "t:settings_schema.social_media.settings.social_info"
+      },
+      {
+        "type": "text",
+        "id": "social_youtube_link",
+        "label": "t:settings_schema.social_media.settings.youtube.label",
+        "info": "t:settings_schema.social_media.settings.social_info"
+      },
+      {
+        "type": "text",
+        "id": "social_tiktok_link",
+        "label": "t:settings_schema.social_media.settings.tiktok.label",
+        "info": "t:settings_schema.social_media.settings.social_info"
+      },
+      {
+        "type": "text",
+        "id": "social_linkedin_link",
+        "label": "t:settings_schema.social_media.settings.linkedin.label",
+        "info": "t:settings_schema.social_media.settings.social_info"
+      },
+      {
+        "type": "header",
+        "content": "t:settings_schema.social_media.settings.sharing.header"
+      },
+      {
+        "type": "checkbox",
+        "id": "share_facebook",
+        "label": "t:settings_schema.social_media.settings.share_facebook.label",
+        "default": true
+      },
+      {
+        "type": "checkbox",
+        "id": "share_twitter",
+        "label": "t:settings_schema.social_media.settings.share_twitter.label",
+        "default": true
+      },
+      {
+        "type": "checkbox",
+        "id": "share_pinterest",
+        "label": "t:settings_schema.social_media.settings.share_pinterest.label",
+        "default": true
       }
     ]
   }
diff --git a/header-footer.md b/header-footer.md
new file mode 100644
index 00000000..f61aba4a
--- /dev/null
+++ b/header-footer.md
@@ -0,0 +1,841 @@
+# Header & Footer Enhancement Plan - Influence Theme
+
+## Executive Summary
+
+This document outlines the enhancements needed to elevate the header and footer from basic Skeleton functionality to premium Theme Store quality. The current implementation provides a solid foundation but lacks the sophistication, customization options, and required features expected of a premium fashion-forward theme.
+
+---
+
+## Current State Analysis
+
+### Header (sections/header.liquid)
+**Lines of Code:** ~390
+**Current Features:**
+- Sticky header with scroll detection
+- Transparent mode (home page only)
+- Logo with width control (50-250px) and center positioning
+- 3-level mega menu (desktop)
+- Mobile drawer navigation with accordion
+- Search toggle (basic form, no predictive)
+- Account icon (hidden on mobile)
+- Cart icon with count badge
+
+**Current Settings:**
+- Menu selection
+- Logo position (left/center)
+- Logo width
+- Enable sticky
+- Enable transparent
+- Show search
+- Show account
+
+### Announcement Bar (sections/announcement-bar.liquid)
+**Lines of Code:** ~260
+**Current Features:**
+- Multiple announcements carousel
+- Color scheme selection (2 options)
+- Auto-rotate with speed control
+- Optional links per announcement
+
+### Footer (sections/footer.liquid)
+**Lines of Code:** ~400
+**Current Features:**
+- Block-based columns (menu, text, newsletter)
+- Social links from global settings
+- Payment icons
+- Country/language selectors (localization)
+- Copyright with powered by link
+
+**Current Blocks:**
+- Menu (heading + link_list)
+- Text (heading + richtext)
+- Newsletter (heading + text + form)
+
+---
+
+## Gap Analysis: What's Missing for Premium
+
+### Theme Store Requirements (Missing)
+
+| Requirement | Status | Priority |
+|------------|--------|----------|
+| Predictive search | Missing | **Critical** |
+| Multi-level menus (3+) | Partial (mega menu needs polish) | High |
+| Follow on Shop button | Missing | **Critical** |
+| Country/currency selector | Present | - |
+| Language selector | Present | - |
+
+### Premium Feature Gaps
+
+#### Header
+1. **Predictive Search** - Real-time search with product results, articles, pages, collections
+2. **Enhanced Mega Menu** - Featured images, promotional blocks, collection cards
+3. **Hide on Scroll** - Smart sticky behavior (hide on down, show on up)
+4. **Secondary Navigation** - Utility nav above main header
+5. **Wishlist Icon** - Heart icon for wishlist feature
+6. **Multiple Menu Support** - Separate desktop/mobile menus
+7. **Condensed Mode** - Option for smaller header on scroll
+8. **Icon Style Options** - Filled vs outlined icons
+9. **Badge Style Options** - Dot vs number for cart
+10. **Social Links** - Option to show in header
+11. **Promo Text** - Inline promotional text
+
+#### Announcement Bar
+1. **Dismissible** - Close button with cookie persistence
+2. **Icon Support** - Icons before announcement text
+3. **Countdown Timer** - Sale/promo countdown
+4. **Scroll Behavior** - Option to scroll with page or stay fixed
+5. **Rich Text** - Support for inline formatting
+6. **Multiple Bar Support** - Stack multiple bars
+
+#### Footer
+1. **More Block Types:**
+   - Image/Logo block
+   - Contact info block
+   - Store location block
+   - Social links block (dedicated)
+   - Custom HTML block
+2. **Layout Options** - Different column arrangements (4-col, 3-col, 2-col, asymmetric)
+3. **Mobile Accordion** - Collapsible columns on mobile
+4. **Follow on Shop Button** - Using `login_button` filter
+5. **Back to Top** - Smooth scroll button
+6. **App Store Badges** - iOS/Android download links
+7. **Trust Badges** - Security/certification icons
+8. **Additional Color Schemes** - More than 2 options
+9. **Border/Divider Options** - Section separation styling
+10. **Spacing Controls** - Vertical padding options
+
+---
+
+## Implementation Plan
+
+### Phase 1: Critical Requirements (Theme Store Compliance)
+
+#### 1.1 Predictive Search
+**File:** `sections/header.liquid` + new `snippets/predictive-search.liquid`
+
+**Implementation:**
+```liquid
+{%- comment -%} Add to header search container {%- endcomment -%}
+<predictive-search
+  data-loading-text="{{ 'search.loading' | t }}"
+>
+  <form action="{{ routes.search_url }}" method="get" role="search">
+    {%- comment -%} Input with predictive results dropdown {%- endcomment -%}
+  </form>
+  <div class="predictive-search__results" data-predictive-results>
+    {%- comment -%} Products, Collections, Articles, Pages {%- endcomment -%}
+  </div>
+</predictive-search>
+```
+
+**Settings to Add:**
+- Enable predictive search (checkbox)
+- Show product vendor in results
+- Show product price in results
+- Number of results per type
+- Search types (products, articles, pages, collections)
+
+**JavaScript:**
+- Debounced input handler
+- Fetch from `/search/suggest.json` endpoint
+- Keyboard navigation (arrow keys, enter, escape)
+- Loading states
+- Focus trap
+
+#### 1.2 Follow on Shop Button
+**Files:** `sections/footer.liquid`, `snippets/follow-on-shop.liquid`
+
+**Implementation:**
+```liquid
+{% render 'follow-on-shop', class: 'footer__follow-shop' %}
+
+{%- comment -%} In snippet {%- endcomment -%}
+{% form 'follow' %}
+  {{ form | login_button: action: 'follow' }}
+{% endform %}
+```
+
+**Placement Options:**
+- Footer (required)
+- Header (optional)
+- Mobile drawer (optional)
+
+#### 1.3 Mega Menu Polish
+**Enhancements:**
+- Featured image per column (image_picker in link menu metafields)
+- Promotional block support
+- View all link per column
+- Animation improvements (staggered entry)
+- Max columns setting
+- Full-width vs contained option
+
+---
+
+### Phase 2: Premium Header Enhancements
+
+#### 2.1 Smart Sticky Header
+**File:** `sections/header.liquid`
+
+**Behavior Options:**
+- Always visible (current)
+- Hide on scroll down, show on scroll up
+- Reduce height on scroll
+- Transparent until scroll
+
+**New Settings:**
+```json
+{
+  "type": "select",
+  "id": "sticky_behavior",
+  "label": "Sticky behavior",
+  "options": [
+    { "value": "always", "label": "Always visible" },
+    { "value": "smart", "label": "Hide on scroll down" },
+    { "value": "reduce", "label": "Reduce on scroll" },
+    { "value": "none", "label": "Not sticky" }
+  ],
+  "default": "always"
+}
+```
+
+**JavaScript Enhancement:**
+```javascript
+// Track scroll direction
+let lastScrollY = window.scrollY;
+window.addEventListener('scroll', () => {
+  const currentScrollY = window.scrollY;
+  const direction = currentScrollY > lastScrollY ? 'down' : 'up';
+  // Apply appropriate class
+}, { passive: true });
+```
+
+#### 2.2 Secondary/Utility Navigation
+**New Settings:**
+```json
+{
+  "type": "header",
+  "content": "Utility navigation"
+},
+{
+  "type": "checkbox",
+  "id": "show_utility_nav",
+  "label": "Show utility navigation",
+  "default": false
+},
+{
+  "type": "link_list",
+  "id": "utility_menu",
+  "label": "Utility menu"
+}
+```
+
+**Content Options:**
+- Secondary menu links
+- Contact info (phone, email)
+- Store locator link
+- Currency/language selectors (move from footer)
+
+#### 2.3 Icon Customization
+**New Settings:**
+```json
+{
+  "type": "select",
+  "id": "icon_style",
+  "label": "Icon style",
+  "options": [
+    { "value": "outline", "label": "Outlined" },
+    { "value": "solid", "label": "Solid" }
+  ],
+  "default": "outline"
+},
+{
+  "type": "select",
+  "id": "cart_badge_style",
+  "label": "Cart badge style",
+  "options": [
+    { "value": "number", "label": "Show count" },
+    { "value": "dot", "label": "Dot indicator" },
+    { "value": "none", "label": "No indicator" }
+  ],
+  "default": "number"
+}
+```
+
+#### 2.4 Mobile Drawer Enhancements
+**Additions:**
+- Featured collection/product at bottom
+- Social links
+- Account section with user name if logged in
+- Currency/language selectors
+- Search in drawer
+- Promotional banner
+
+**New Structure:**
+```liquid
+<div class="drawer" id="mobile-drawer">
+  <div class="drawer__header">
+    {%- comment -%} Close + Logo {%- endcomment -%}
+  </div>
+
+  <div class="drawer__search">
+    {%- comment -%} Search form {%- endcomment -%}
+  </div>
+
+  <nav class="drawer__nav">
+    {%- comment -%} Main navigation {%- endcomment -%}
+  </nav>
+
+  <div class="drawer__account">
+    {%- comment -%} Account links {%- endcomment -%}
+  </div>
+
+  <div class="drawer__footer">
+    {%- comment -%} Social, Currency, Language {%- endcomment -%}
+  </div>
+
+  <div class="drawer__promo">
+    {%- comment -%} Optional promotional content {%- endcomment -%}
+  </div>
+</div>
+```
+
+---
+
+### Phase 3: Announcement Bar Enhancements
+
+#### 3.1 Dismissible Feature
+**Implementation:**
+```liquid
+{%- if section.settings.enable_dismiss -%}
+  <button
+    type="button"
+    class="announcement-bar__close"
+    aria-label="{{ 'accessibility.close' | t }}"
+    data-announcement-dismiss
+  >
+    {% render 'icon', icon: 'close', size: 'sm' %}
+  </button>
+{%- endif -%}
+```
+
+**JavaScript:**
+```javascript
+// Set cookie on dismiss
+document.cookie = `announcement_dismissed_${sectionId}=true; max-age=${60*60*24*7}`; // 7 days
+```
+
+**New Settings:**
+```json
+{
+  "type": "checkbox",
+  "id": "enable_dismiss",
+  "label": "Allow dismissing",
+  "default": false
+},
+{
+  "type": "range",
+  "id": "dismiss_duration",
+  "label": "Stay dismissed for (days)",
+  "min": 1,
+  "max": 30,
+  "default": 7
+}
+```
+
+#### 3.2 Block Enhancements
+**New Block Settings:**
+```json
+{
+  "type": "announcement",
+  "name": "Announcement",
+  "settings": [
+    {
+      "type": "inline_richtext",
+      "id": "text",
+      "label": "Text"
+    },
+    {
+      "type": "url",
+      "id": "link",
+      "label": "Link"
+    },
+    {
+      "type": "select",
+      "id": "icon",
+      "label": "Icon",
+      "options": [
+        { "value": "none", "label": "None" },
+        { "value": "truck", "label": "Shipping" },
+        { "value": "gift", "label": "Gift" },
+        { "value": "tag", "label": "Sale" },
+        { "value": "clock", "label": "Limited time" }
+      ],
+      "default": "none"
+    }
+  ]
+}
+```
+
+#### 3.3 Countdown Timer (Promotional)
+**New Block Type:**
+```json
+{
+  "type": "countdown",
+  "name": "Countdown",
+  "limit": 1,
+  "settings": [
+    {
+      "type": "text",
+      "id": "text",
+      "label": "Text before countdown",
+      "default": "Sale ends in"
+    },
+    {
+      "type": "text",
+      "id": "end_date",
+      "label": "End date and time",
+      "info": "Format: YYYY-MM-DD HH:MM (24h)",
+      "placeholder": "2025-12-31 23:59"
+    },
+    {
+      "type": "url",
+      "id": "link",
+      "label": "Link"
+    }
+  ]
+}
+```
+
+---
+
+### Phase 4: Footer Enhancements
+
+#### 4.1 New Block Types
+
+**Image Block:**
+```json
+{
+  "type": "image",
+  "name": "Image",
+  "settings": [
+    {
+      "type": "image_picker",
+      "id": "image",
+      "label": "Image"
+    },
+    {
+      "type": "url",
+      "id": "link",
+      "label": "Link"
+    },
+    {
+      "type": "range",
+      "id": "image_width",
+      "min": 50,
+      "max": 200,
+      "step": 10,
+      "unit": "px",
+      "default": 150,
+      "label": "Image width"
+    }
+  ]
+}
+```
+
+**Contact Block:**
+```json
+{
+  "type": "contact",
+  "name": "Contact info",
+  "limit": 1,
+  "settings": [
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "Heading",
+      "default": "Contact us"
+    },
+    {
+      "type": "text",
+      "id": "phone",
+      "label": "Phone number"
+    },
+    {
+      "type": "text",
+      "id": "email",
+      "label": "Email address"
+    },
+    {
+      "type": "textarea",
+      "id": "address",
+      "label": "Address"
+    },
+    {
+      "type": "text",
+      "id": "hours",
+      "label": "Business hours"
+    }
+  ]
+}
+```
+
+**Brand/Logo Block:**
+```json
+{
+  "type": "brand",
+  "name": "Brand",
+  "limit": 1,
+  "settings": [
+    {
+      "type": "checkbox",
+      "id": "show_logo",
+      "label": "Show logo",
+      "default": true
+    },
+    {
+      "type": "richtext",
+      "id": "description",
+      "label": "Brand description"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_social",
+      "label": "Show social links",
+      "default": true
+    }
+  ]
+}
+```
+
+#### 4.2 Mobile Accordion
+**Implementation:**
+```liquid
+<details class="footer__column-accordion hide-desktop">
+  <summary class="footer__column-header">
+    {{ block.settings.heading }}
+    {% render 'icon', icon: 'chevron-down', size: 'sm' %}
+  </summary>
+  <div class="footer__column-content">
+    {%- comment -%} Column content {%- endcomment -%}
+  </div>
+</details>
+```
+
+**New Setting:**
+```json
+{
+  "type": "checkbox",
+  "id": "enable_accordion_mobile",
+  "label": "Collapse columns on mobile",
+  "default": true
+}
+```
+
+#### 4.3 Layout Options
+**New Settings:**
+```json
+{
+  "type": "select",
+  "id": "layout",
+  "label": "Layout",
+  "options": [
+    { "value": "auto", "label": "Auto-fit columns" },
+    { "value": "equal", "label": "Equal columns" },
+    { "value": "first-wide", "label": "First column wide" },
+    { "value": "last-wide", "label": "Last column wide" }
+  ],
+  "default": "auto"
+}
+```
+
+#### 4.4 Back to Top Button
+**Implementation:**
+```liquid
+{%- if section.settings.show_back_to_top -%}
+  <button
+    type="button"
+    class="footer__back-to-top"
+    aria-label="{{ 'accessibility.back_to_top' | t }}"
+    data-back-to-top
+  >
+    {% render 'icon', icon: 'chevron-up' %}
+  </button>
+{%- endif -%}
+```
+
+---
+
+## CSS Enhancements Required
+
+### Header CSS Additions (theme.css)
+```css
+/* Smart sticky header states */
+.header--hidden {
+  transform: translateY(-100%);
+}
+
+.header--reduced {
+  --header-height: 3.5rem;
+}
+
+.header--reduced .header__logo img {
+  max-height: 2rem;
+}
+
+/* Predictive search */
+.predictive-search {
+  position: relative;
+}
+
+.predictive-search__results {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  background: var(--color-background);
+  border: var(--border-width) solid var(--border-color);
+  box-shadow: var(--shadow-lg);
+  max-height: 60vh;
+  overflow-y: auto;
+  z-index: var(--z-dropdown);
+}
+
+/* Mega menu featured image */
+.mega-menu__featured {
+  aspect-ratio: 4/5;
+  overflow: hidden;
+}
+
+.mega-menu__featured img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform var(--duration-slow) var(--ease-out);
+}
+
+.mega-menu__column:hover .mega-menu__featured img {
+  transform: scale(1.05);
+}
+```
+
+### Footer CSS Additions
+```css
+/* Footer accordion mobile */
+.footer__column-accordion summary {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--space-4) 0;
+  border-bottom: var(--border-width) solid var(--border-color);
+  cursor: pointer;
+  list-style: none;
+}
+
+.footer__column-accordion[open] summary .icon {
+  transform: rotate(180deg);
+}
+
+/* Back to top */
+.footer__back-to-top {
+  position: fixed;
+  bottom: var(--space-6);
+  right: var(--space-6);
+  width: var(--touch-target-min);
+  height: var(--touch-target-min);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--color-foreground);
+  color: var(--color-background);
+  border-radius: var(--radius-full);
+  box-shadow: var(--shadow-md);
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(1rem);
+  transition: all var(--duration-fast) var(--ease-out);
+  z-index: var(--z-fixed);
+}
+
+.footer__back-to-top.is-visible {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+}
+```
+
+---
+
+## Localization Additions (en.default.json)
+
+```json
+{
+  "accessibility": {
+    "back_to_top": "Back to top",
+    "dismiss_announcement": "Dismiss announcement",
+    "search_results": "Search results",
+    "search_suggestions": "Search suggestions"
+  },
+  "search": {
+    "products": "Products",
+    "collections": "Collections",
+    "articles": "Articles",
+    "pages": "Pages",
+    "view_all_products": "View all products",
+    "view_all_results": "View all results",
+    "popular_searches": "Popular searches"
+  },
+  "footer": {
+    "follow_on_shop": "Follow on Shop"
+  },
+  "announcement": {
+    "ends_in": "Ends in",
+    "days": "days",
+    "hours": "hours",
+    "minutes": "min",
+    "seconds": "sec"
+  }
+}
+```
+
+---
+
+## Settings Schema Additions (settings_schema.json)
+
+```json
+{
+  "name": "Header",
+  "settings": [
+    {
+      "type": "header",
+      "content": "Search"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_predictive_search",
+      "label": "Enable predictive search",
+      "default": true
+    },
+    {
+      "type": "range",
+      "id": "predictive_search_results",
+      "min": 2,
+      "max": 6,
+      "step": 1,
+      "default": 4,
+      "label": "Products to show"
+    },
+    {
+      "type": "checkbox",
+      "id": "predictive_search_show_vendor",
+      "label": "Show vendor",
+      "default": false
+    },
+    {
+      "type": "checkbox",
+      "id": "predictive_search_show_price",
+      "label": "Show price",
+      "default": true
+    }
+  ]
+}
+```
+
+---
+
+## Implementation Priority
+
+### Week 1: Critical (Theme Store Requirements)
+1. Predictive search implementation
+2. Follow on Shop button
+3. Mega menu polish
+
+### Week 2: Header Premium
+1. Smart sticky behavior
+2. Icon customization
+3. Mobile drawer enhancements
+
+### Week 3: Announcement & Footer
+1. Dismissible announcement bar
+2. New footer block types
+3. Mobile accordion
+
+### Week 4: Polish & Testing
+1. CSS refinements
+2. Animation tuning
+3. Accessibility audit
+4. Cross-browser testing
+
+---
+
+## Testing Checklist
+
+### Header
+- [ ] Sticky behavior works correctly
+- [ ] Transparent mode only on designated pages
+- [ ] Mega menu accessible via keyboard
+- [ ] Predictive search returns results
+- [ ] Search keyboard navigation (arrows, enter, escape)
+- [ ] Mobile drawer opens/closes correctly
+- [ ] Cart count updates with AJAX
+- [ ] All links work correctly
+- [ ] Focus states visible
+
+### Announcement Bar
+- [ ] Carousel rotates correctly
+- [ ] Dismiss persists (cookie)
+- [ ] Links work
+- [ ] Accessible (aria attributes)
+
+### Footer
+- [ ] All blocks render correctly
+- [ ] Mobile accordion works
+- [ ] Social links open in new tab
+- [ ] Payment icons display
+- [ ] Localization selectors work
+- [ ] Newsletter form submits
+- [ ] Back to top scrolls smoothly
+
+### Accessibility
+- [ ] Color contrast passes (4.5:1 body, 3:1 icons)
+- [ ] Touch targets >= 24x24px
+- [ ] Keyboard navigation complete
+- [ ] Screen reader friendly
+- [ ] Focus visible on all interactive elements
+- [ ] Skip to content link works
+
+### Performance
+- [ ] No layout shift on load
+- [ ] Lazy load images where appropriate
+- [ ] JavaScript deferred/async where possible
+- [ ] CSS critical path optimized
+
+---
+
+## Files to Create/Modify
+
+### New Files
+- `snippets/predictive-search.liquid`
+- `snippets/follow-on-shop.liquid`
+- `snippets/mega-menu-column.liquid`
+- `snippets/footer-accordion.liquid`
+- `assets/predictive-search.js` (optional, can inline)
+
+### Files to Modify
+- `sections/header.liquid` - Major enhancements
+- `sections/footer.liquid` - New blocks, accordion
+- `sections/announcement-bar.liquid` - Dismissible, icons
+- `assets/theme.css` - New component styles
+- `locales/en.default.json` - New strings
+- `config/settings_schema.json` - New global settings
+
+---
+
+## Notes
+
+- All JavaScript should be vanilla ES6+ (no jQuery)
+- CSS should use existing custom properties
+- Maintain fashion-forward aesthetic throughout
+- Test with design_mode for editor preview
+- Respect reduced motion preferences
+- Keep bundle size minimal
diff --git a/layout/password.liquid b/layout/password.liquid
index 350ec0bd..8824d487 100644
--- a/layout/password.liquid
+++ b/layout/password.liquid
@@ -1,19 +1,31 @@
 <!doctype html>
 <html lang="{{ request.locale.iso_code }}">
   <head>
-    {% # Inlined CSS Variables %}
-    {% render 'css-variables' %}
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    {% # Load and preload the critical CSS %}
+    {% render 'css-variables' %}
     {{ 'critical.css' | asset_url | stylesheet_tag: preload: true }}
-
-    {% # Social, title, etc. %}
     {% render 'meta-tags' %}
 
+    <style>
+      body {
+        min-height: 100vh;
+        display: flex;
+        flex-direction: column;
+      }
+      .main-password {
+        flex: 1;
+        display: flex;
+        align-items: center;
+      }
+    </style>
+
     {{ content_for_header }}
   </head>
 
   <body>
+    {% render 'icons-sprite' %}
     {{ content_for_layout }}
   </body>
 </html>
diff --git a/layout/theme.liquid b/layout/theme.liquid
index 0e3fd39c..777593fc 100644
--- a/layout/theme.liquid
+++ b/layout/theme.liquid
@@ -1,36 +1,56 @@
 <!doctype html>
 <html lang="{{ request.locale.iso_code }}">
   <head>
-    {% # Inlined CSS Variables %}
+    {% comment %} Inlined CSS Variables {% endcomment %}
     {% render 'css-variables' %}
 
     {% comment %}
       Font preloading:
       1. Preconnect to font CDN for faster connection
-      2. Preload only the critical font variant (base weight)
+      2. Preload only the critical font variants (heading + body base weight)
       3. Additional variants load on-demand via @font-face
     {% endcomment %}
-    {% unless settings.type_primary_font.system? %}
-      <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
+    <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
 
-      {% comment %} Preload the base font variant for initial page render {% endcomment %}
-      {{ settings.type_primary_font | font_url | preload_tag: as: 'font', crossorigin: 'anonymous' }}
+    {% unless settings.type_heading_font.system? %}
+      {{ settings.type_heading_font | font_url | preload_tag: as: 'font', crossorigin: 'anonymous' }}
     {% endunless %}
 
-    {% # Load and preload the critical CSS %}
+    {% unless settings.type_body_font.system? %}
+      {{ settings.type_body_font | font_url | preload_tag: as: 'font', crossorigin: 'anonymous' }}
+    {% endunless %}
+
+    {% comment %} Critical CSS - loaded synchronously {% endcomment %}
     {{ 'critical.css' | asset_url | stylesheet_tag: preload: true }}
 
-    {% # Social, title, etc. %}
+    {% comment %} Non-critical CSS - loaded asynchronously {% endcomment %}
+    <link rel="preload" href="{{ 'theme.css' | asset_url }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript>{{ 'theme.css' | asset_url | stylesheet_tag }}</noscript>
+
+    {% comment %} Meta tags for SEO and social sharing {% endcomment %}
     {% render 'meta-tags' %}
 
+    {% comment %} Shopify required header content {% endcomment %}
     {{ content_for_header }}
   </head>
 
-  <body>
+  <body class="template-{{ template.name }}{% if template.suffix %} template-{{ template.name }}-{{ template.suffix }}{% endif %}">
+    <a href="#main-content" class="skip-link visually-hidden">
+      {{ 'accessibility.skip_to_content' | t }}
+    </a>
+
+    {% comment %} SVG icon sprite - hidden, referenced by icon snippet {% endcomment %}
+    {% render 'icons-sprite' %}
+
     {% sections 'header-group' %}
 
-    {{ content_for_layout }}
+    <main id="main-content" role="main">
+      {{ content_for_layout }}
+    </main>
 
     {% sections 'footer-group' %}
+
+    {% comment %} Overlay for drawers/modals {% endcomment %}
+    <div class="overlay" data-overlay></div>
   </body>
 </html>
diff --git a/locales/en.default.json b/locales/en.default.json
index 3a43570d..20d172af 100644
--- a/locales/en.default.json
+++ b/locales/en.default.json
@@ -1,52 +1,882 @@
 {
-  "404": {
-    "title": "404",
-    "not_found": "Page not found.",
-    "back_to_shopping": "Back to shopping"
+  "general": {
+    "404": {
+      "title": "Page not found",
+      "subtext": "The page you're looking for doesn't exist or has been moved.",
+      "back_home": "Back to home"
+    },
+    "skip_to_content": "Skip to content",
+    "view_all": "View all",
+    "social": {
+      "share": "Share",
+      "share_on_facebook": "Share on Facebook",
+      "share_on_twitter": "Share on Twitter",
+      "share_on_pinterest": "Pin on Pinterest"
+    }
   },
-  "blog": {
-    "article_comments": "Comments",
-    "article_metadata_html": "{{ date }} by {{ author }}",
-    "comment_form_body": "Comment",
-    "comment_form_email": "Email",
-    "comment_form_name": "Name",
-    "comment_form_submit": "Post",
-    "comment_form_title": "Add a comment"
+  "accessibility": {
+    "skip_to_content": "Skip to content",
+    "close": "Close",
+    "open_menu": "Open menu",
+    "menu": "Menu",
+    "search": "Search",
+    "main_navigation": "Main navigation",
+    "utility_navigation": "Utility navigation",
+    "pagination": "Pagination",
+    "previous_page": "Previous page",
+    "next_page": "Next page",
+    "previous": "Previous",
+    "next": "Next",
+    "breadcrumb": "Breadcrumb",
+    "share_facebook": "Share on Facebook",
+    "share_twitter": "Share on Twitter",
+    "share_pinterest": "Share on Pinterest",
+    "share_email": "Share by email",
+    "play_video": "Play video",
+    "pause_video": "Pause video",
+    "gallery_image": "Image {{ index }} of {{ total }}",
+    "gallery_lightbox": "Image gallery lightbox",
+    "gallery_lightbox_close": "Close gallery",
+    "gallery_lightbox_prev": "Previous image",
+    "gallery_lightbox_next": "Next image"
+  },
+  "labels": {
+    "heading": "Heading",
+    "heading_alignment": "Heading alignment",
+    "text": "Text",
+    "image": "Image",
+    "color_scheme": "Color scheme",
+    "columns_desktop": "Columns on desktop",
+    "columns_mobile": "Columns on mobile",
+    "button_label": "Button label",
+    "button_link": "Button link",
+    "button_style": "Button style",
+    "full_width": "Full width"
+  },
+  "options": {
+    "alignment": {
+      "left": "Left",
+      "center": "Center",
+      "right": "Right",
+      "top": "Top",
+      "bottom": "Bottom"
+    },
+    "color_scheme": {
+      "scheme_1": "Scheme 1",
+      "scheme_2": "Scheme 2"
+    },
+    "aspect_ratio": {
+      "landscape": "Landscape (16:9)",
+      "portrait": "Portrait (3:4)",
+      "square": "Square (1:1)",
+      "original": "Original"
+    },
+    "button_style": {
+      "primary": "Primary",
+      "secondary": "Secondary"
+    }
+  },
+  "sections": {
+    "lookbook": {
+      "name": "Lookbook",
+      "view_product": "View {{ product }}",
+      "settings": {
+        "image": {
+          "label": "Image"
+        },
+        "image_ratio": {
+          "label": "Image aspect ratio"
+        },
+        "hotspot_style": {
+          "label": "Hotspot style",
+          "options": {
+            "minimal": "Minimal",
+            "numbered": "Numbered",
+            "icon": "Icon"
+          }
+        },
+        "hotspot_color": {
+          "label": "Hotspot color",
+          "options": {
+            "light": "Light",
+            "dark": "Dark",
+            "accent": "Accent"
+          }
+        },
+        "enable_quick_add": {
+          "label": "Enable quick add"
+        }
+      },
+      "blocks": {
+        "hotspot": {
+          "name": "Product hotspot",
+          "settings": {
+            "product": {
+              "label": "Product"
+            },
+            "horizontal_position": {
+              "label": "Horizontal position"
+            },
+            "vertical_position": {
+              "label": "Vertical position"
+            }
+          }
+        }
+      }
+    },
+    "image_gallery": {
+      "name": "Image gallery",
+      "settings": {
+        "layout": {
+          "label": "Layout",
+          "options": {
+            "grid": "Grid",
+            "masonry": "Masonry",
+            "asymmetric": "Asymmetric"
+          }
+        },
+        "gap": {
+          "label": "Gap between images",
+          "options": {
+            "none": "None",
+            "small": "Small",
+            "medium": "Medium",
+            "large": "Large"
+          }
+        },
+        "image_ratio": {
+          "label": "Image aspect ratio",
+          "options": {
+            "natural": "Natural"
+          },
+          "info": "Masonry layout always uses natural aspect ratio"
+        },
+        "enable_lightbox": {
+          "label": "Enable lightbox"
+        },
+        "hover_effect": {
+          "label": "Hover effect",
+          "options": {
+            "none": "None",
+            "zoom": "Zoom",
+            "overlay": "Overlay",
+            "caption": "Caption reveal"
+          }
+        }
+      },
+      "blocks": {
+        "image": {
+          "name": "Image",
+          "settings": {
+            "caption": {
+              "label": "Caption"
+            },
+            "link": {
+              "label": "Link",
+              "info": "Ignored when lightbox is enabled"
+            },
+            "size": {
+              "label": "Size",
+              "options": {
+                "small": "Small",
+                "medium": "Medium",
+                "large": "Large"
+              },
+              "info": "Only applies to asymmetric layout"
+            }
+          }
+        }
+      }
+    },
+    "video": {
+      "name": "Video",
+      "no_video": "Add a video URL or upload a video",
+      "settings": {
+        "header_video": {
+          "content": "Video source"
+        },
+        "video_url": {
+          "label": "Video URL",
+          "info": "YouTube or Vimeo URL"
+        },
+        "video": {
+          "label": "Shopify-hosted video",
+          "info": "Upload a video in Settings > Files"
+        },
+        "cover_image": {
+          "label": "Cover image"
+        },
+        "header_style": {
+          "content": "Style"
+        },
+        "video_style": {
+          "label": "Video style",
+          "options": {
+            "standard": "Standard (click to play)",
+            "ambient": "Ambient (autoplay, muted, looped)"
+          },
+          "info": "Ambient style autoplays muted video as a background"
+        },
+        "aspect_ratio": {
+          "label": "Aspect ratio"
+        },
+        "loop": {
+          "label": "Loop video"
+        },
+        "show_controls": {
+          "label": "Show video controls"
+        },
+        "header_content": {
+          "content": "Content"
+        },
+        "text_position": {
+          "label": "Text position",
+          "options": {
+            "none": "None",
+            "overlay": "Overlay on video",
+            "below": "Below video"
+          }
+        },
+        "content_position": {
+          "label": "Content alignment"
+        }
+      },
+      "blocks": {
+        "subheading": {
+          "name": "Subheading"
+        },
+        "heading": {
+          "name": "Heading"
+        },
+        "text": {
+          "name": "Text"
+        },
+        "button": {
+          "name": "Button"
+        }
+      }
+    },
+    "split_hero": {
+      "name": "Split hero",
+      "settings": {
+        "image": {
+          "label": "Image"
+        },
+        "image_position": {
+          "label": "Image position",
+          "options": {
+            "left": "Left",
+            "right": "Right"
+          }
+        },
+        "split_ratio": {
+          "label": "Split ratio",
+          "options": {
+            "equal": "Equal (50/50)",
+            "wide_image": "Wide image (60/40)",
+            "wide_content": "Wide content (40/60)"
+          }
+        },
+        "height": {
+          "label": "Section height",
+          "options": {
+            "auto": "Auto",
+            "medium": "Medium",
+            "large": "Large",
+            "full": "Full screen"
+          }
+        },
+        "vertical_alignment": {
+          "label": "Content vertical alignment"
+        },
+        "content_alignment": {
+          "label": "Content text alignment"
+        },
+        "enable_parallax": {
+          "label": "Enable parallax effect"
+        },
+        "mobile_image_position": {
+          "label": "Mobile image position",
+          "options": {
+            "top": "Top",
+            "bottom": "Bottom"
+          }
+        }
+      },
+      "blocks": {
+        "subheading": {
+          "name": "Subheading"
+        },
+        "heading": {
+          "name": "Heading"
+        },
+        "text": {
+          "name": "Text"
+        },
+        "button": {
+          "name": "Button",
+          "settings": {
+            "show_arrow": {
+              "label": "Show arrow"
+            }
+          }
+        }
+      }
+    },
+    "marquee": {
+      "name": "Scrolling marquee",
+      "settings": {
+        "header_animation": {
+          "content": "Animation"
+        },
+        "speed": {
+          "label": "Animation duration",
+          "info": "Time in seconds for one complete scroll"
+        },
+        "direction": {
+          "label": "Scroll direction",
+          "options": {
+            "left": "Left",
+            "right": "Right"
+          }
+        },
+        "pause_on_hover": {
+          "label": "Pause on hover"
+        },
+        "header_typography": {
+          "content": "Typography"
+        },
+        "text_size": {
+          "label": "Text size",
+          "options": {
+            "small": "Small",
+            "medium": "Medium",
+            "large": "Large",
+            "xl": "Extra large"
+          }
+        },
+        "font": {
+          "label": "Font",
+          "options": {
+            "body": "Body",
+            "heading": "Heading"
+          }
+        },
+        "text_transform": {
+          "label": "Text style",
+          "options": {
+            "none": "Normal",
+            "uppercase": "Uppercase",
+            "italic": "Italic"
+          }
+        },
+        "enable_stroke": {
+          "label": "Stroke text (outline only)",
+          "info": "Creates a high-fashion outline text effect"
+        },
+        "header_style": {
+          "content": "Style"
+        },
+        "divider": {
+          "label": "Divider between items",
+          "options": {
+            "none": "None",
+            "dot": "Dot (•)",
+            "star": "Star (✦)",
+            "dash": "Dash (—)",
+            "custom": "Custom"
+          }
+        },
+        "custom_divider": {
+          "label": "Custom divider",
+          "info": "Used when divider is set to Custom"
+        },
+        "spacing": {
+          "label": "Item spacing",
+          "options": {
+            "compact": "Compact",
+            "normal": "Normal",
+            "spacious": "Spacious"
+          }
+        }
+      },
+      "blocks": {
+        "text": {
+          "name": "Text item",
+          "settings": {
+            "link": {
+              "label": "Link (optional)"
+            }
+          }
+        }
+      }
+    },
+    "hero": {
+      "name": "Hero",
+      "settings": {
+        "header_media": {
+          "content": "Media"
+        },
+        "image": {
+          "label": "Image"
+        },
+        "video": {
+          "label": "Video URL"
+        },
+        "header_layout": {
+          "content": "Layout"
+        },
+        "height": {
+          "label": "Section height",
+          "options": {
+            "small": "Small",
+            "medium": "Medium",
+            "large": "Large",
+            "full": "Full screen"
+          }
+        },
+        "content_position": {
+          "label": "Content position",
+          "options": {
+            "top_left": "Top left",
+            "top_center": "Top center",
+            "top_right": "Top right",
+            "middle_left": "Middle left",
+            "middle_center": "Middle center",
+            "middle_right": "Middle right",
+            "bottom_left": "Bottom left",
+            "bottom_center": "Bottom center",
+            "bottom_right": "Bottom right"
+          }
+        },
+        "show_scroll_indicator": {
+          "label": "Show scroll indicator"
+        },
+        "header_overlay": {
+          "content": "Overlay"
+        },
+        "overlay_style": {
+          "label": "Overlay style",
+          "options": {
+            "solid": "Solid",
+            "gradient": "Gradient",
+            "vignette": "Vignette"
+          }
+        },
+        "overlay_opacity": {
+          "label": "Overlay opacity"
+        }
+      },
+      "blocks": {
+        "subheading": {
+          "name": "Subheading"
+        },
+        "heading": {
+          "name": "Heading"
+        },
+        "text": {
+          "name": "Text"
+        },
+        "button": {
+          "name": "Button",
+          "settings": {
+            "label": {
+              "label": "Label"
+            },
+            "link": {
+              "label": "Link"
+            },
+            "style": {
+              "label": "Style",
+              "options": {
+                "primary": "Primary",
+                "secondary": "Secondary"
+              }
+            }
+          }
+        }
+      }
+    },
+    "image_with_text": {
+      "name": "Image with text",
+      "settings": {
+        "image": {
+          "label": "Image"
+        },
+        "image_position": {
+          "label": "Image position",
+          "options": {
+            "left": "Left",
+            "right": "Right"
+          }
+        },
+        "content_alignment": {
+          "label": "Content alignment",
+          "options": {
+            "left": "Left",
+            "center": "Center"
+          }
+        },
+        "color_scheme": {
+          "label": "Color scheme"
+        }
+      },
+      "blocks": {
+        "heading": {
+          "name": "Heading"
+        },
+        "text": {
+          "name": "Text"
+        },
+        "button": {
+          "name": "Button"
+        }
+      }
+    },
+    "testimonials": {
+      "name": "Testimonials",
+      "settings": {
+        "layout": {
+          "label": "Layout",
+          "options": {
+            "grid": "Grid",
+            "carousel": "Carousel"
+          }
+        }
+      }
+    }
+  },
+  "blocks": {
+    "testimonial": {
+      "name": "Testimonial",
+      "settings": {
+        "rating": {
+          "label": "Rating"
+        },
+        "quote": {
+          "label": "Quote"
+        },
+        "author_image": {
+          "label": "Author image"
+        },
+        "author_name": {
+          "label": "Author name"
+        },
+        "author_title": {
+          "label": "Author title"
+        }
+      }
+    },
+    "announcement": "Announcement",
+    "dismiss_announcement": "Dismiss announcement",
+    "back_to_top": "Back to top"
+  },
+  "newsletter": {
+    "email_placeholder": "Enter your email",
+    "subscribe": "Subscribe",
+    "success": "Thanks for subscribing!"
+  },
+  "search": {
+    "title": "Search",
+    "placeholder": "Search our store",
+    "search": "Search",
+    "results": "Search results",
+    "no_results": "No results found for \"{{ terms }}\"",
+    "no_results_html": "No results found for \"{{ terms }}\"",
+    "results_count": "{{ count }} results for \"{{ terms }}\"",
+    "loading": "Loading...",
+    "view_all": "View all results",
+    "all": "All",
+    "products": "Products",
+    "collections": "Collections",
+    "articles": "Articles",
+    "pages": "Pages",
+    "suggestions": "Search suggestions",
+    "suggestion_1": "Check your spelling",
+    "suggestion_2": "Try different keywords",
+    "suggestion_3": "Try more general terms",
+    "sort": {
+      "relevance": "Relevance",
+      "price_asc": "Price: Low to High",
+      "price_desc": "Price: High to Low"
+    }
+  },
+  "announcement": {
+    "ends_in": "Ends in",
+    "days": "d",
+    "hours": "h",
+    "minutes": "m",
+    "seconds": "s"
+  },
+  "collection": {
+    "products_count": "{{ count }} products",
+    "empty": "No products found",
+    "view": {
+      "label": "View",
+      "grid": "Grid view",
+      "list": "List view"
+    },
+    "sorting": {
+      "label": "Sort by"
+    },
+    "filters": {
+      "filter": "Filter",
+      "clear": "Clear filters",
+      "clear_all": "Clear all",
+      "apply": "Apply",
+      "from": "From",
+      "to": "To"
+    }
+  },
+  "product": {
+    "add_to_cart": "Add to cart",
+    "added_to_cart": "Added to cart",
+    "choose_options": "Choose options",
+    "sold_out": "Sold out",
+    "on_sale": "Sale",
+    "unavailable": "Unavailable",
+    "quantity": "Quantity",
+    "sku": "SKU",
+    "vendor": "Vendor",
+    "type": "Type",
+    "share": "Share",
+    "description": "Description",
+    "view_full_details": "View full details",
+    "pickup_availability": {
+      "view_store_info": "View store information",
+      "check_other_stores": "Check availability at other stores",
+      "available": "Pickup available at {{ location }}",
+      "unavailable": "Pickup currently unavailable at {{ location }}"
+    },
+    "variant": {
+      "select": "Select {{ option_name }}"
+    },
+    "media": {
+      "open_featured_media": "Open featured media in gallery view",
+      "open_media": "Open media {{ index }} in gallery view",
+      "play_video": "Play video",
+      "load_model": "Load 3D model"
+    },
+    "price": {
+      "from": "From {{ price }}",
+      "sale_price": "Sale price",
+      "regular_price": "Regular price",
+      "unit_price": "Unit price"
+    },
+    "gift_card": {
+      "recipient": {
+        "checkbox": "Send as a gift",
+        "email_label": "Recipient email",
+        "name_label": "Recipient name (optional)",
+        "message_label": "Message (optional)",
+        "send_on_label": "Send on (optional)"
+      }
+    },
+    "installments": "Buy now, pay later with Shop Pay Installments"
   },
   "cart": {
+    "title": "Your cart",
+    "empty": "Your cart is empty",
+    "continue_shopping": "Continue shopping",
+    "product": "Product",
+    "price": "Price",
+    "quantity": "Quantity",
+    "total": "Total",
+    "subtotal": "Subtotal",
+    "update": "Update cart",
     "checkout": "Checkout",
-    "title": "Cart",
-    "update": "Update",
-    "remove": "Remove"
+    "view_cart": "View cart",
+    "remove": "Remove",
+    "note": "Order note",
+    "note_placeholder": "Add a note to your order",
+    "decrease_quantity": "Decrease quantity",
+    "increase_quantity": "Increase quantity",
+    "taxes_included_but_shipping_at_checkout": "Taxes included. Shipping calculated at checkout.",
+    "taxes_included_and_shipping_policy_html": "Taxes included. <a href=\"{{ link }}\">Shipping</a> calculated at checkout.",
+    "taxes_and_shipping_policy_at_checkout_html": "Taxes and <a href=\"{{ link }}\">shipping</a> calculated at checkout.",
+    "taxes_and_shipping_at_checkout": "Taxes and shipping calculated at checkout."
   },
-  "customers": {
+  "customer": {
+    "account": {
+      "title": "My account",
+      "details": "Account details",
+      "logout": "Log out",
+      "view_addresses": "View addresses",
+      "return": "Return to account"
+    },
     "login": {
+      "title": "Login",
+      "email": "Email",
+      "password": "Password",
+      "sign_in": "Sign in",
+      "forgot_password": "Forgot your password?",
+      "new_customer": "New customer?"
+    },
+    "register": {
+      "title": "Create account",
+      "first_name": "First name",
+      "last_name": "Last name",
+      "email": "Email",
+      "password": "Password",
+      "submit": "Create",
+      "already_have_account": "Already have an account?"
+    },
+    "recover_password": {
+      "title": "Reset your password",
+      "subtext": "We will send you an email to reset your password.",
       "email": "Email",
+      "submit": "Submit",
+      "success": "We've sent you an email with a link to update your password.",
+      "back_to_login": "Back to login"
+    },
+    "reset_password": {
+      "title": "Reset password",
+      "subtext": "Enter a new password for {{ email }}",
+      "password": "New password",
+      "password_confirm": "Confirm new password",
+      "submit": "Reset password"
+    },
+    "activate_account": {
+      "title": "Activate account",
+      "subtext": "Create your password to activate your account.",
       "password": "Password",
-      "submit": "Sign in",
-      "title": "Login"
+      "password_confirm": "Confirm password",
+      "submit": "Activate account",
+      "cancel": "Decline invitation"
+    },
+    "orders": {
+      "title": "Order history",
+      "order_number": "Order",
+      "date": "Date",
+      "payment_status": "Payment status",
+      "fulfillment_status": "Fulfillment status",
+      "total": "Total",
+      "none": "You haven't placed any orders yet."
+    },
+    "order": {
+      "title": "Order {{ name }}",
+      "date": "Placed on {{ date }}",
+      "cancelled": "Order cancelled on {{ date }}",
+      "cancelled_reason": "Reason: {{ reason }}",
+      "product": "Product",
+      "sku": "SKU",
+      "price": "Price",
+      "quantity": "Quantity",
+      "total": "Total",
+      "subtotal": "Subtotal",
+      "discount": "Discount",
+      "shipping": "Shipping",
+      "tax": "Tax",
+      "billing_address": "Billing address",
+      "shipping_address": "Shipping address",
+      "payment_status": "Payment status",
+      "fulfillment_status": "Fulfillment status",
+      "fulfilled_at": "Fulfilled on {{ date }}"
+    },
+    "addresses": {
+      "title": "Addresses",
+      "add_new": "Add new address",
+      "edit_address": "Edit address",
+      "default": "Default",
+      "first_name": "First name",
+      "last_name": "Last name",
+      "company": "Company",
+      "address1": "Address",
+      "address2": "Apartment, suite, etc.",
+      "city": "City",
+      "country": "Country/region",
+      "province": "State/province",
+      "zip": "Postal/ZIP code",
+      "phone": "Phone",
+      "set_default": "Set as default address",
+      "add": "Add address",
+      "update": "Update address",
+      "cancel": "Cancel",
+      "edit": "Edit",
+      "delete": "Delete",
+      "delete_confirm": "Are you sure you want to delete this address?"
+    },
+    "log_in": "Log in"
+  },
+  "blog": {
+    "all": "All",
+    "by": "By",
+    "view_all": "View all articles",
+    "empty": "No articles found",
+    "comments": {
+      "title": "{{ count }} comments",
+      "leave_comment": "Leave a comment",
+      "name": "Name",
+      "email": "Email",
+      "message": "Comment",
+      "submit": "Post comment",
+      "success": "Your comment has been posted.",
+      "success_moderated": "Your comment has been submitted and will appear after moderation."
+    },
+    "onboarding": {
+      "title": "Blog post title",
+      "excerpt": "Give your customers a summary of your blog post.",
+      "author": "Author name"
     }
   },
-  "collections": {
-    "title": "Collections"
+  "article": {
+    "share": "Share this article",
+    "previous": "Previous article",
+    "next": "Next article",
+    "navigation": "Article navigation"
+  },
+  "contact": {
+    "form": {
+      "name": "Name",
+      "email": "Email",
+      "phone": "Phone",
+      "subject": "Subject",
+      "message": "Message",
+      "submit": "Send message",
+      "success": "Thanks for contacting us. We'll get back to you as soon as possible."
+    }
   },
   "gift_card": {
-    "add_to_apple_wallet": "Add to Apple Wallet",
+    "title": "Gift card",
     "card": "Gift card",
-    "expired": "This gift card has expired",
-    "expires_on": "Expires on {{ expires_on }}",
-    "use_at_checkout": "Use this gift card at checkout"
+    "balance": "Gift card balance",
+    "expired": "Expired",
+    "active": "Active",
+    "expires_on": "Expires {{ expires_on }}",
+    "copy": "Copy code",
+    "copied": "Copied!",
+    "qr_code": "QR code",
+    "scan_code": "Scan to redeem",
+    "add_to_apple_wallet": "Add to Apple Wallet",
+    "use_at_checkout": "Use this code at checkout",
+    "print": "Print"
   },
   "password": {
-    "title": "This shop is private",
+    "title": "Password protected",
+    "enter_password": "Enter store using password",
     "password": "Password",
-    "enter": "Enter"
+    "submit": "Enter",
+    "wrong_password": "Wrong password. Please try again."
   },
-  "search": {
-    "title": "Search",
-    "placeholder": "Search articles, pages, or products",
-    "submit": "Search",
-    "no_results_html": "No results found for {{ terms }}",
-    "results_for_html": "{{ count }} results found for {{ terms }}"
+  "pagination": {
+    "previous": "Previous",
+    "next": "Next"
+  },
+  "breadcrumb": {
+    "home": "Home"
+  },
+  "localization": {
+    "country_label": "Country/region",
+    "language_label": "Language"
+  },
+  "testimonials": {
+    "rating": "{{ rating }} out of 5 stars"
+  },
+  "footer": {
+    "follow_on_shop": "Follow on Shop"
+  },
+  "date_formats": {
+    "date": "%B %d, %Y",
+    "abbreviated_date": "%b %d, %Y"
   }
 }
diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index a2fa8680..371815c5 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -1,4 +1,1152 @@
 {
+  "settings_schema": {
+    "logo": {
+      "name": "Logo",
+      "settings": {
+        "logo": {
+          "label": "Logo image"
+        },
+        "logo_width": {
+          "label": "Desktop logo width"
+        },
+        "favicon": {
+          "label": "Favicon",
+          "info": "32 x 32px .png recommended"
+        }
+      }
+    },
+    "colors": {
+      "name": "Colors",
+      "settings": {
+        "background": {
+          "label": "Background",
+          "info": "Used for section backgrounds"
+        },
+        "text": {
+          "label": "Text",
+          "info": "Used for headings, body text, and icons"
+        },
+        "button": {
+          "label": "Primary button background",
+          "info": "Used for solid buttons and accents"
+        },
+        "button_label": {
+          "label": "Primary button text",
+          "info": "Text color on solid buttons"
+        },
+        "secondary_button_label": {
+          "label": "Outline button text",
+          "info": "Used for outline buttons and links"
+        },
+        "shadow": {
+          "label": "Shadow",
+          "info": "Used for shadows and overlays"
+        },
+        "semantic": {
+          "header": "Semantic colors"
+        },
+        "sale": {
+          "label": "Sale"
+        },
+        "error": {
+          "label": "Error"
+        },
+        "success": {
+          "label": "Success"
+        }
+      }
+    },
+    "typography": {
+      "name": "Typography",
+      "settings": {
+        "headings": {
+          "header": "Headings"
+        },
+        "heading_font": {
+          "label": "Heading font",
+          "info": "Selecting a different font can affect the speed of your store."
+        },
+        "body": {
+          "header": "Body"
+        },
+        "body_font": {
+          "label": "Body font",
+          "info": "Selecting a different font can affect the speed of your store."
+        },
+        "base_size": {
+          "label": "Base font size"
+        }
+      }
+    },
+    "layout": {
+      "name": "Layout",
+      "settings": {
+        "page_width": {
+          "label": "Page width",
+          "options": {
+            "narrow": "Narrow (1280px)",
+            "standard": "Standard (1440px)",
+            "wide": "Wide (1600px)",
+            "full": "Full (1760px)"
+          }
+        },
+        "page_margin": {
+          "label": "Page margin"
+        },
+        "section_spacing": {
+          "label": "Section spacing",
+          "options": {
+            "compact": "Compact",
+            "standard": "Standard",
+            "generous": "Generous"
+          }
+        }
+      }
+    },
+    "buttons": {
+      "name": "Buttons",
+      "settings": {
+        "corner_radius": {
+          "label": "Button corner radius"
+        },
+        "uppercase": {
+          "label": "Uppercase button text"
+        },
+        "input_corner_radius": {
+          "label": "Input corner radius"
+        }
+      }
+    },
+    "animations": {
+      "name": "Animations",
+      "settings": {
+        "enable": {
+          "label": "Enable animations",
+          "info": "Respects user's reduced motion preference"
+        },
+        "style": {
+          "label": "Animation style",
+          "options": {
+            "subtle": "Subtle",
+            "elegant": "Elegant",
+            "dramatic": "Dramatic"
+          }
+        },
+        "image_zoom": {
+          "label": "Enable image hover zoom"
+        }
+      }
+    },
+    "products": {
+      "name": "Product cards",
+      "settings": {
+        "card_aspect_ratio": {
+          "label": "Image aspect ratio",
+          "options": {
+            "square": "Square (1:1)",
+            "portrait": "Portrait (3:4)",
+            "tall": "Tall (4:5)"
+          }
+        },
+        "secondary_image": {
+          "label": "Show secondary image on hover"
+        },
+        "show_vendor": {
+          "label": "Show vendor"
+        },
+        "quick_add": {
+          "label": "Enable quick add button"
+        }
+      }
+    },
+    "cart": {
+      "name": "Cart",
+      "settings": {
+        "type": {
+          "label": "Cart type",
+          "options": {
+            "page": "Page",
+            "drawer": "Drawer"
+          }
+        },
+        "show_vendor": {
+          "label": "Show vendor"
+        },
+        "enable_notes": {
+          "label": "Enable cart notes"
+        },
+        "upsell": {
+          "label": "Enable cart recommendations"
+        }
+      }
+    },
+    "social_media": {
+      "name": "Social media",
+      "settings": {
+        "accounts": {
+          "header": "Social accounts"
+        },
+        "instagram": {
+          "label": "Instagram"
+        },
+        "facebook": {
+          "label": "Facebook"
+        },
+        "twitter": {
+          "label": "X (Twitter)"
+        },
+        "pinterest": {
+          "label": "Pinterest"
+        },
+        "youtube": {
+          "label": "YouTube"
+        },
+        "tiktok": {
+          "label": "TikTok"
+        },
+        "linkedin": {
+          "label": "LinkedIn"
+        },
+        "social_info": "Paste full URL including https://",
+        "sharing": {
+          "header": "Sharing options"
+        },
+        "share_facebook": {
+          "label": "Share on Facebook"
+        },
+        "share_twitter": {
+          "label": "Share on X"
+        },
+        "share_pinterest": {
+          "label": "Pin on Pinterest"
+        }
+      }
+    }
+  },
+  "sections": {
+    "header": {
+      "name": "Header",
+      "settings": {
+        "logo_position": {
+          "label": "Logo position",
+          "options": {
+            "left": "Left",
+            "center": "Center"
+          }
+        },
+        "menu": {
+          "label": "Menu"
+        },
+        "sticky": {
+          "label": "Enable sticky header"
+        },
+        "transparent": {
+          "label": "Enable transparent header on home page"
+        },
+        "show_search": {
+          "label": "Show search icon"
+        },
+        "show_account": {
+          "label": "Show account icon"
+        }
+      }
+    },
+    "footer": {
+      "name": "Footer",
+      "settings": {
+        "show_social": {
+          "label": "Show social icons"
+        },
+        "show_payment_icons": {
+          "label": "Show payment icons"
+        },
+        "show_country_selector": {
+          "label": "Show country selector"
+        },
+        "show_language_selector": {
+          "label": "Show language selector"
+        }
+      },
+      "blocks": {
+        "menu": {
+          "name": "Menu",
+          "settings": {
+            "heading": {
+              "label": "Heading"
+            },
+            "menu": {
+              "label": "Menu"
+            }
+          }
+        },
+        "text": {
+          "name": "Rich text",
+          "settings": {
+            "heading": {
+              "label": "Heading"
+            },
+            "text": {
+              "label": "Text"
+            }
+          }
+        },
+        "newsletter": {
+          "name": "Newsletter",
+          "settings": {
+            "heading": {
+              "label": "Heading"
+            },
+            "text": {
+              "label": "Description"
+            }
+          }
+        }
+      }
+    },
+    "announcement_bar": {
+      "name": "Announcement bar",
+      "settings": {
+        "text": {
+          "label": "Announcement text"
+        },
+        "link": {
+          "label": "Link"
+        },
+        "color_scheme": {
+          "label": "Color scheme"
+        }
+      }
+    },
+    "hero": {
+      "name": "Hero",
+      "settings": {
+        "header_media": {
+          "content": "Media"
+        },
+        "image": {
+          "label": "Image"
+        },
+        "video": {
+          "label": "Video URL"
+        },
+        "header_layout": {
+          "content": "Layout"
+        },
+        "height": {
+          "label": "Section height",
+          "options": {
+            "small": "Small",
+            "medium": "Medium",
+            "large": "Large",
+            "full": "Full screen"
+          }
+        },
+        "content_position": {
+          "label": "Content position",
+          "options": {
+            "top_left": "Top left",
+            "top_center": "Top center",
+            "top_right": "Top right",
+            "middle_left": "Middle left",
+            "middle_center": "Middle center",
+            "middle_right": "Middle right",
+            "bottom_left": "Bottom left",
+            "bottom_center": "Bottom center",
+            "bottom_right": "Bottom right"
+          }
+        },
+        "show_scroll_indicator": {
+          "label": "Show scroll indicator"
+        },
+        "header_overlay": {
+          "content": "Overlay"
+        },
+        "overlay_style": {
+          "label": "Overlay style",
+          "options": {
+            "solid": "Solid",
+            "gradient": "Gradient",
+            "vignette": "Vignette"
+          }
+        },
+        "overlay_opacity": {
+          "label": "Overlay opacity"
+        },
+        "color_scheme": {
+          "label": "Color scheme"
+        }
+      },
+      "blocks": {
+        "subheading": {
+          "name": "Subheading"
+        },
+        "heading": {
+          "name": "Heading"
+        },
+        "text": {
+          "name": "Text"
+        },
+        "button": {
+          "name": "Button",
+          "settings": {
+            "label": {
+              "label": "Label"
+            },
+            "link": {
+              "label": "Link"
+            },
+            "style": {
+              "label": "Style",
+              "options": {
+                "primary": "Primary",
+                "secondary": "Secondary"
+              }
+            }
+          }
+        }
+      }
+    },
+    "featured_collection": {
+      "name": "Featured collection",
+      "settings": {
+        "heading": {
+          "label": "Heading"
+        },
+        "collection": {
+          "label": "Collection"
+        },
+        "products_to_show": {
+          "label": "Maximum products to show"
+        },
+        "columns_desktop": {
+          "label": "Number of columns on desktop"
+        },
+        "show_view_all": {
+          "label": "Show \"View all\" button"
+        }
+      }
+    },
+    "collection_list": {
+      "name": "Collection list",
+      "settings": {
+        "heading": {
+          "label": "Heading"
+        },
+        "columns_desktop": {
+          "label": "Number of columns on desktop"
+        },
+        "show_collection_count": {
+          "label": "Show product count"
+        }
+      },
+      "blocks": {
+        "collection": {
+          "name": "Collection",
+          "settings": {
+            "collection": {
+              "label": "Collection"
+            }
+          }
+        }
+      }
+    },
+    "rich_text": {
+      "name": "Rich text",
+      "settings": {
+        "heading": {
+          "label": "Heading"
+        },
+        "text": {
+          "label": "Text"
+        },
+        "text_style": {
+          "label": "Text style",
+          "options": {
+            "body": "Body",
+            "large": "Large"
+          }
+        },
+        "content_alignment": {
+          "label": "Content alignment",
+          "options": {
+            "left": "Left",
+            "center": "Center"
+          }
+        },
+        "color_scheme": {
+          "label": "Color scheme"
+        },
+        "enable_drop_cap": {
+          "label": "Enable drop cap"
+        }
+      },
+      "blocks": {
+        "heading": {
+          "name": "Heading"
+        },
+        "text": {
+          "name": "Text"
+        },
+        "button": {
+          "name": "Button"
+        }
+      }
+    },
+    "image_with_text": {
+      "name": "Image with text",
+      "settings": {
+        "image": {
+          "label": "Image"
+        },
+        "image_position": {
+          "label": "Image position",
+          "options": {
+            "left": "Image first",
+            "right": "Text first"
+          }
+        },
+        "content_alignment": {
+          "label": "Content alignment",
+          "options": {
+            "left": "Left",
+            "center": "Center"
+          }
+        },
+        "color_scheme": {
+          "label": "Color scheme"
+        }
+      },
+      "blocks": {
+        "heading": {
+          "name": "Heading"
+        },
+        "text": {
+          "name": "Text"
+        },
+        "button": {
+          "name": "Button"
+        }
+      }
+    },
+    "newsletter": {
+      "name": "Newsletter",
+      "settings": {
+        "heading": {
+          "label": "Heading"
+        },
+        "text": {
+          "label": "Description"
+        },
+        "narrow_container": {
+          "label": "Use narrow container"
+        },
+        "color_scheme": {
+          "label": "Color scheme"
+        },
+        "disclaimer": {
+          "label": "Disclaimer text"
+        }
+      }
+    },
+    "video": {
+      "name": "Video",
+      "settings": {
+        "heading": {
+          "label": "Heading"
+        },
+        "video_url": {
+          "label": "Video URL",
+          "info": "Supports YouTube and Vimeo"
+        },
+        "cover_image": {
+          "label": "Cover image"
+        },
+        "enable_autoplay": {
+          "label": "Autoplay"
+        }
+      }
+    },
+    "testimonials": {
+      "name": "Testimonials",
+      "settings": {
+        "heading": {
+          "label": "Heading"
+        },
+        "layout": {
+          "label": "Layout",
+          "options": {
+            "grid": "Grid",
+            "carousel": "Carousel"
+          }
+        },
+        "color_scheme": {
+          "label": "Color scheme"
+        }
+      },
+      "blocks": {
+        "testimonial": {
+          "name": "Testimonial",
+          "settings": {
+            "quote": {
+              "label": "Quote"
+            },
+            "author": {
+              "label": "Author"
+            },
+            "role": {
+              "label": "Title/Role"
+            }
+          }
+        }
+      }
+    },
+    "contact_form": {
+      "name": "Contact form",
+      "settings": {
+        "heading": {
+          "label": "Heading"
+        },
+        "text": {
+          "label": "Description"
+        },
+        "narrow_container": {
+          "label": "Use narrow container"
+        },
+        "header_form_fields": {
+          "content": "Form fields"
+        },
+        "show_phone": {
+          "label": "Show phone field"
+        },
+        "show_subject": {
+          "label": "Show subject field"
+        },
+        "full_width_button": {
+          "label": "Full width submit button"
+        }
+      }
+    },
+    "custom_liquid": {
+      "name": "Custom Liquid",
+      "settings": {
+        "liquid": {
+          "label": "Liquid code"
+        }
+      }
+    },
+    "main_product": {
+      "name": "Product information",
+      "settings": {
+        "enable_sticky": {
+          "label": "Enable sticky product info"
+        },
+        "media_position": {
+          "label": "Media position",
+          "options": {
+            "left": "Left",
+            "right": "Right"
+          }
+        },
+        "gallery_layout": {
+          "label": "Gallery layout",
+          "options": {
+            "thumbnails": "Thumbnails",
+            "stacked": "Stacked"
+          }
+        },
+        "enable_zoom": {
+          "label": "Enable image zoom"
+        },
+        "enable_video_looping": {
+          "label": "Enable video looping"
+        }
+      },
+      "blocks": {
+        "title": {
+          "name": "Title"
+        },
+        "price": {
+          "name": "Price"
+        },
+        "vendor": {
+          "name": "Vendor"
+        },
+        "description": {
+          "name": "Description"
+        },
+        "variant_picker": {
+          "name": "Variant picker",
+          "settings": {
+            "style": {
+              "label": "Style",
+              "options": {
+                "dropdown": "Dropdown",
+                "buttons": "Buttons"
+              }
+            },
+            "swatch_type": {
+              "label": "Color swatch type",
+              "options": {
+                "none": "None",
+                "color": "Color",
+                "image": "Variant image"
+              }
+            }
+          }
+        },
+        "quantity_selector": {
+          "name": "Quantity selector"
+        },
+        "buy_buttons": {
+          "name": "Buy buttons",
+          "settings": {
+            "show_dynamic_checkout": {
+              "label": "Show dynamic checkout buttons"
+            }
+          }
+        },
+        "inventory": {
+          "name": "Inventory status",
+          "settings": {
+            "inventory_threshold": {
+              "label": "Low inventory threshold"
+            },
+            "show_count": {
+              "label": "Show inventory count"
+            }
+          }
+        },
+        "sku": {
+          "name": "SKU"
+        },
+        "rating": {
+          "name": "Product rating",
+          "settings": {
+            "info": "To display a rating, add a product rating app."
+          }
+        },
+        "share": {
+          "name": "Share"
+        },
+        "collapsible_tab": {
+          "name": "Collapsible tab",
+          "settings": {
+            "heading": {
+              "label": "Heading"
+            },
+            "content": {
+              "label": "Content"
+            },
+            "icon": {
+              "label": "Icon",
+              "options": {
+                "none": "None",
+                "truck": "Shipping",
+                "package": "Package",
+                "refresh": "Returns",
+                "lock": "Secure",
+                "info": "Info"
+              }
+            },
+            "page": {
+              "label": "Page content"
+            }
+          }
+        },
+        "popup": {
+          "name": "Popup",
+          "settings": {
+            "link_label": {
+              "label": "Link label"
+            },
+            "page": {
+              "label": "Page"
+            }
+          }
+        },
+        "complementary": {
+          "name": "Complementary products",
+          "settings": {
+            "heading": {
+              "label": "Heading"
+            },
+            "products_to_show": {
+              "label": "Maximum products to show"
+            }
+          }
+        },
+        "custom_liquid": {
+          "name": "Custom Liquid"
+        },
+        "divider": {
+          "name": "Divider"
+        },
+        "text": {
+          "name": "Text",
+          "settings": {
+            "text": {
+              "label": "Text"
+            },
+            "text_style": {
+              "label": "Text style",
+              "options": {
+                "body": "Body",
+                "small": "Small",
+                "uppercase": "Uppercase"
+              }
+            }
+          }
+        }
+      }
+    },
+    "product_recommendations": {
+      "name": "Product recommendations",
+      "settings": {
+        "heading": {
+          "label": "Heading"
+        },
+        "products_to_show": {
+          "label": "Maximum products to show"
+        }
+      }
+    },
+    "main_collection": {
+      "name": "Product grid",
+      "settings": {
+        "header_collection": {
+          "content": "Collection header"
+        },
+        "show_collection_header": {
+          "label": "Show collection header"
+        },
+        "show_collection_image": {
+          "label": "Show collection image"
+        },
+        "show_description": {
+          "label": "Show description"
+        },
+        "header_filtering": {
+          "content": "Filtering"
+        },
+        "show_filters": {
+          "label": "Enable filtering",
+          "info": "Filters are created in the Search & Discovery app"
+        },
+        "filter_type": {
+          "label": "Filter layout",
+          "options": {
+            "sidebar": "Sidebar",
+            "drawer": "Drawer"
+          }
+        },
+        "enable_sticky_filters": {
+          "label": "Enable sticky filters"
+        },
+        "header_sorting": {
+          "content": "Sorting"
+        },
+        "show_sorting": {
+          "label": "Enable sorting"
+        },
+        "show_view_toggle": {
+          "label": "Show view toggle"
+        },
+        "header_products": {
+          "content": "Products"
+        },
+        "products_per_page": {
+          "label": "Products per page"
+        },
+        "columns_desktop": {
+          "label": "Number of columns on desktop"
+        }
+      }
+    },
+    "collection_banner": {
+      "name": "Collection banner",
+      "settings": {
+        "show_description": {
+          "label": "Show collection description"
+        },
+        "show_image": {
+          "label": "Show collection image"
+        }
+      }
+    },
+    "main_cart": {
+      "name": "Cart",
+      "settings": {
+        "show_cart_note": {
+          "label": "Show cart note"
+        },
+        "show_dynamic_checkout": {
+          "label": "Show dynamic checkout buttons",
+          "info": "Using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay."
+        },
+        "show_vendor": {
+          "label": "Show vendor"
+        }
+      },
+      "blocks": {
+        "subtotal": {
+          "name": "Subtotal"
+        },
+        "buttons": {
+          "name": "Checkout buttons"
+        }
+      }
+    },
+    "main_search": {
+      "name": "Search results",
+      "settings": {
+        "show_filters": {
+          "label": "Enable filtering",
+          "info": "Filters are created in the Search & Discovery app"
+        },
+        "show_sorting": {
+          "label": "Enable sorting"
+        },
+        "products_per_page": {
+          "label": "Products per page"
+        },
+        "show_articles": {
+          "label": "Show blog posts"
+        },
+        "show_pages": {
+          "label": "Show pages"
+        }
+      }
+    },
+    "main_blog": {
+      "name": "Blog posts",
+      "settings": {
+        "show_tag_filter": {
+          "label": "Show tag filter"
+        },
+        "articles_per_page": {
+          "label": "Posts per page"
+        },
+        "columns_desktop": {
+          "label": "Number of columns on desktop"
+        },
+        "header_article_card": {
+          "content": "Article card"
+        },
+        "show_image": {
+          "label": "Show featured image"
+        },
+        "show_date": {
+          "label": "Show date"
+        },
+        "show_author": {
+          "label": "Show author"
+        },
+        "show_tags": {
+          "label": "Show tags"
+        },
+        "show_excerpt": {
+          "label": "Show excerpt"
+        }
+      }
+    },
+    "main_article": {
+      "name": "Blog post",
+      "settings": {
+        "show_breadcrumb": {
+          "label": "Show breadcrumb"
+        },
+        "show_featured_image": {
+          "label": "Show featured image"
+        },
+        "show_tags": {
+          "label": "Show tags"
+        },
+        "show_date": {
+          "label": "Show date"
+        },
+        "show_author": {
+          "label": "Show author"
+        },
+        "show_share": {
+          "label": "Show share buttons"
+        },
+        "show_navigation": {
+          "label": "Show article navigation"
+        }
+      },
+      "blocks": {
+        "title": {
+          "name": "Title"
+        },
+        "featured_image": {
+          "name": "Featured image"
+        },
+        "content": {
+          "name": "Content"
+        },
+        "share": {
+          "name": "Share"
+        }
+      }
+    },
+    "main_page": {
+      "name": "Page content",
+      "settings": {
+        "show_title": {
+          "label": "Show page title"
+        },
+        "narrow_container": {
+          "label": "Use narrow container"
+        }
+      }
+    },
+    "main_404": {
+      "name": "404 page",
+      "settings": {
+        "show_search": {
+          "label": "Show search"
+        },
+        "heading": {
+          "label": "Heading"
+        },
+        "text": {
+          "label": "Text"
+        },
+        "button_label": {
+          "label": "Button label"
+        }
+      }
+    },
+    "main_password": {
+      "name": "Password page",
+      "settings": {
+        "logo": {
+          "label": "Logo"
+        },
+        "logo_width": {
+          "label": "Logo width"
+        },
+        "show_newsletter": {
+          "label": "Show newsletter signup"
+        },
+        "show_social": {
+          "label": "Show social icons"
+        }
+      }
+    },
+    "faq": {
+      "name": "FAQ",
+      "settings": {
+        "heading": {
+          "label": "Heading"
+        },
+        "narrow_container": {
+          "label": "Use narrow container"
+        }
+      }
+    },
+    "blog_posts": {
+      "name": "Blog posts",
+      "settings": {
+        "heading": {
+          "label": "Heading"
+        },
+        "blog": {
+          "label": "Blog"
+        },
+        "posts_to_show": {
+          "label": "Posts to show"
+        },
+        "show_view_all": {
+          "label": "Show \"View all\" button"
+        },
+        "header_article_card": {
+          "content": "Article card"
+        },
+        "show_date": {
+          "label": "Show date"
+        },
+        "show_author": {
+          "label": "Show author"
+        },
+        "show_excerpt": {
+          "label": "Show excerpt"
+        }
+      }
+    },
+    "cart_drawer": {
+      "name": "Cart drawer"
+    },
+    "product_carousel_3d": {
+      "name": "3D product carousel",
+      "presets": {
+        "name": "3D product carousel"
+      },
+      "settings": {
+        "header_product": {
+          "content": "Product"
+        },
+        "product": {
+          "label": "Product"
+        },
+        "custom_title": {
+          "label": "Custom title",
+          "info": "Leave blank to use product title"
+        },
+        "images_to_show": {
+          "label": "Images to show"
+        },
+        "header_display": {
+          "content": "Display"
+        },
+        "title_size": {
+          "label": "Title size",
+          "options": {
+            "small": "Small",
+            "medium": "Medium",
+            "large": "Large"
+          }
+        },
+        "show_price": {
+          "label": "Show price"
+        },
+        "show_variants": {
+          "label": "Show available variants"
+        },
+        "header_cta": {
+          "content": "Call to action"
+        },
+        "cta_text": {
+          "label": "Button text"
+        },
+        "cta_style": {
+          "label": "Button style",
+          "options": {
+            "primary": "Primary",
+            "secondary": "Secondary",
+            "outline": "Outline"
+          }
+        },
+        "header_layout": {
+          "content": "Layout"
+        },
+        "height": {
+          "label": "Section height",
+          "options": {
+            "medium": "Medium",
+            "large": "Large",
+            "full": "Full screen"
+          }
+        },
+        "carousel_radius": {
+          "label": "Carousel depth"
+        },
+        "color_scheme": {
+          "label": "Color scheme"
+        }
+      }
+    }
+  },
   "general": {
     "404": "Not found",
     "article": "Article",
@@ -36,18 +1184,28 @@
   "labels": {
     "alignment": "Alignment",
     "background": "Background",
+    "button_label": "Button label",
+    "button_link": "Button link",
+    "color_scheme": "Color scheme",
+    "content": "Content",
+    "description": "Description",
     "foreground": "Foreground",
     "grid_gap": "Grid spacing",
     "grid_item_width": "Grid item width",
+    "heading": "Heading",
+    "image": "Image",
     "input_corner_radius": "Input corner radius",
     "layout_direction": "Layout direction",
+    "link": "Link",
     "menu": "Menu",
     "padding": "Padding",
     "page_margin": "Page margin",
     "page_width": "Page width",
     "show_payment_icons": "Show payment icons",
+    "subheading": "Subheading",
     "text_style": "Text style",
-    "text": "Text"
+    "text": "Text",
+    "video_url": "Video URL"
   },
   "options": {
     "alignment": {
@@ -55,6 +1213,10 @@
       "center": "Center",
       "right": "Right"
     },
+    "color_scheme": {
+      "scheme_1": "Scheme 1",
+      "scheme_2": "Scheme 2"
+    },
     "direction": {
       "horizontal": "Horizontal",
       "vertical": "Vertical"
@@ -71,6 +1233,6 @@
       "title": "Title",
       "subtitle": "Subtitle",
       "normal": "Normal text"
-    },
+    }
   }
 }
diff --git a/plan.md b/plan.md
new file mode 100644
index 00000000..b9e5cae8
--- /dev/null
+++ b/plan.md
@@ -0,0 +1,302 @@
+# Influence Theme - Implementation Plan
+
+## Overview
+Transform the Skeleton theme into **Influence** - a fashion-forward, editorial-style Shopify theme for Theme Store submission. Single preset with monochromatic editorial aesthetic.
+
+**Design Direction:** Bold minimalism meets editorial sophistication (Vogue/Harper's Bazaar inspired)
+- Dramatic typography scale with serif headings
+- Generous whitespace and asymmetric layouts
+- Full-bleed cinematic imagery
+- Subtle luxury animations
+- Monochromatic black/white palette with strategic accents
+
+---
+
+## Phase 1: Design System Foundation
+
+### Files to Modify
+- [snippets/css-variables.liquid](snippets/css-variables.liquid) - Expand to full design system
+- [assets/critical.css](assets/critical.css) - Editorial typography, grid system, utilities
+
+### Files to Create
+- `snippets/color-scheme.liquid` - Dynamic color scheme application
+- `assets/theme.css` - Non-critical styles (loaded async)
+- `assets/icons.svg` - SVG sprite (menu, cart, account, social, chevrons)
+
+### Key Implementation
+```
+CSS Variables to add:
+- Typography: --font-heading-*, --font-body-*, --font-size-xs through --font-size-display
+- Spacing: --space-1 through --space-48 (8px base scale)
+- Animation: --duration-*, --ease-* tokens
+- Layout: --section-spacing, --grid-gap
+- Colors: 4-color scheme (background, foreground, accent, muted)
+```
+
+---
+
+## Phase 2: Settings Schema
+
+### Files to Modify
+- [config/settings_schema.json](config/settings_schema.json) - Complete rewrite
+- [locales/en.default.schema.json](locales/en.default.schema.json) - Add translation keys
+
+### Settings Structure
+```
+1. theme_info (Influence v1.0.0)
+2. Logo & Favicon
+3. Colors (4 scheme colors + sale/error)
+4. Typography (heading font, body font, base size)
+5. Layout (page width, margins, section spacing, grid gap)
+6. Buttons (style, uppercase option)
+7. Animations (enable, style: subtle/elegant/dramatic)
+8. Social media links
+9. Cart (type: page/drawer, notes, vendor)
+```
+
+---
+
+## Phase 3: Layout & Navigation
+
+### Files to Create
+- `sections/announcement-bar.liquid` - Dismissible announcements
+- `snippets/header-drawer.liquid` - Mobile navigation
+- `snippets/mega-menu.liquid` - Desktop mega menu
+- `snippets/icon.liquid` - Icon rendering helper
+
+### Files to Modify
+- [sections/header.liquid](sections/header.liquid) - Full rewrite with:
+  - Sticky header with scroll behavior
+  - Transparent/solid modes
+  - Mega menu with images
+  - Mobile drawer
+  - Search, cart, account icons
+
+- [sections/footer.liquid](sections/footer.liquid) - Multi-column with blocks:
+  - Menu blocks
+  - Newsletter block
+  - Social links block
+  - Rich text block
+  - Country/language selectors
+  - Payment icons
+
+- [sections/header-group.json](sections/header-group.json) - Add announcement bar
+
+---
+
+## Phase 4: Hero & Marketing Sections
+
+### Files to Create
+- `sections/hero.liquid` - Full-bleed hero (image/video, overlay, multiple layouts)
+- `sections/hero-split.liquid` - 50/50 split layout
+- `sections/image-with-text.liquid` - Versatile content + image
+- `sections/rich-text.liquid` - Editorial text with drop cap option
+- `sections/video.liquid` - YouTube/Vimeo/hosted video
+- `sections/image-banner.liquid` - Full-width with parallax option
+- `sections/slideshow.liquid` - Image/content carousel
+
+---
+
+## Phase 5: Product Sections (CRITICAL)
+
+### Files to Create
+- `sections/main-product.liquid` - **Most critical file for Theme Store**
+- `sections/featured-product.liquid` - Homepage product showcase
+- `sections/product-recommendations.liquid` - Related products
+- `sections/complementary-products.liquid` - "Complete the look"
+- `sections/recently-viewed.liquid` - Recently viewed products
+- `snippets/product-card.liquid` - Reusable product card
+- `snippets/product-media.liquid` - Media gallery component
+- `snippets/product-variant-picker.liquid` - Variant selector with swatches
+- `snippets/price.liquid` - Price display component
+- `snippets/quantity-input.liquid` - Quantity selector
+- `assets/product.js` - Variant selection, AJAX cart, zoom
+
+### Main Product Required Blocks
+```
+@app                    - App blocks support (REQUIRED)
+title                   - Product title
+price                   - Price with compare-at, sale badge
+vendor                  - Product vendor
+description             - Product description
+variant_picker          - Dropdown/buttons/swatches
+quantity_selector       - Quantity input
+buy_buttons             - Add to cart + dynamic checkout (REQUIRED)
+inventory               - Stock status
+sku                     - SKU display
+rating                  - Product rating
+share                   - Social share
+collapsible_tab         - Expandable content (shipping, returns)
+popup                   - Size guide modal
+complementary           - Complementary products
+custom_liquid           - Custom Liquid block
+```
+
+### Product Features Required
+- Media gallery with thumbnails, zoom, video support
+- Selling plans / subscriptions
+- Gift card recipient form
+- Pickup availability
+- Shop Pay Installments banner
+
+---
+
+## Phase 6: Collection & Discovery
+
+### Files to Create
+- `sections/main-collection.liquid` - Replace [sections/collection.liquid](sections/collection.liquid)
+- `sections/collection-banner.liquid` - Collection header
+- `sections/featured-collection.liquid` - Homepage collection
+- `sections/collection-list.liquid` - Collection grid
+- `snippets/facets.liquid` - Faceted filtering (REQUIRED)
+- `snippets/collection-filters-drawer.liquid` - Mobile filters
+- `snippets/active-filters.liquid` - Filter pills
+- `snippets/pagination.liquid` - Numbered + infinite scroll
+- `assets/collection.js` - AJAX filtering, sorting
+
+### Faceted Filtering (Theme Store Requirement)
+- Price range
+- Availability
+- Product type
+- Vendor
+- Tags/options
+- Active filters display
+- Clear all
+
+---
+
+## Phase 7: Content & Engagement
+
+### Files to Create
+- `sections/main-article.liquid` - Replace [sections/article.liquid](sections/article.liquid)
+- `sections/main-blog.liquid` - Replace [sections/blog.liquid](sections/blog.liquid)
+- `sections/blog-posts.liquid` - Homepage blog grid
+- `sections/newsletter.liquid` - Email signup
+- `sections/testimonials.liquid` - Customer reviews
+- `sections/logo-list.liquid` - Brand/press logos
+- `sections/contact-form.liquid` - Contact form
+- `sections/faq.liquid` - FAQ accordion
+- `snippets/article-card.liquid` - Blog card component
+- `snippets/social-share.liquid` - Share buttons
+
+### Modify
+- [sections/custom-section.liquid](sections/custom-section.liquid) - Enhance as Custom Liquid section
+
+---
+
+## Phase 8: Cart & Checkout
+
+### Files to Create
+- `sections/main-cart.liquid` - Replace [sections/cart.liquid](sections/cart.liquid)
+- `sections/cart-drawer.liquid` - Slide-out cart
+- `sections/cart-upsell.liquid` - Cart recommendations
+- `snippets/cart-line-item.liquid` - Line item component
+- `snippets/free-shipping-bar.liquid` - Shipping threshold progress
+- `assets/cart.js` - AJAX cart operations
+
+### Cart Requirements
+- Line items with image, title, variant, price
+- Quantity adjustment
+- Remove items
+- Cart notes
+- Subtotal
+- Tax/shipping notes
+- Checkout button
+- Empty cart state
+
+---
+
+## Phase 9: Utility Pages & Customer Templates
+
+### Files to Create
+- `sections/main-search.liquid` - Replace [sections/search.liquid](sections/search.liquid)
+- `sections/predictive-search.liquid` - Search suggestions
+- `sections/main-404.liquid` - Replace [sections/404.liquid](sections/404.liquid)
+- `sections/main-password.liquid` - Replace [sections/password.liquid](sections/password.liquid)
+- `assets/search.js` - Predictive search
+
+### Customer Templates (All Required)
+```
+templates/customers/account.json     + sections/main-account.liquid
+templates/customers/login.json       + sections/main-login.liquid
+templates/customers/register.json    + sections/main-register.liquid
+templates/customers/order.json       + sections/main-order.liquid
+templates/customers/addresses.json   + sections/main-addresses.liquid
+templates/customers/reset_password.json + sections/main-reset-password.liquid
+templates/customers/activate_account.json + sections/main-activate-account.liquid
+```
+
+### Other Templates
+- `templates/page.contact.json` - Contact page template
+- [templates/gift_card.liquid](templates/gift_card.liquid) - Enhance styling, QR code
+
+---
+
+## Phase 10: Preset & Polish
+
+### Files to Modify
+- [config/settings_data.json](config/settings_data.json) - Single "Influence" preset
+- [locales/en.default.json](locales/en.default.json) - Complete translations
+- All JSON templates - Demo section configurations
+
+### Influence Preset
+```json
+{
+  "type_heading_font": "cormorant_garamond_n4",
+  "type_body_font": "assistant_n4",
+  "scheme_1_background": "#FFFFFF",
+  "scheme_1_foreground": "#1A1A1A",
+  "scheme_1_accent": "#000000",
+  "scheme_1_muted": "#757575"
+}
+```
+
+---
+
+## File Summary
+
+### New Sections: 30+
+Hero (2), Image/Video (4), Product (5), Collection (4), Content (8), Cart (3), Utility (4), Customer (7)
+
+### New Snippets: 17+
+color-scheme, header-drawer, mega-menu, icon, product-card, product-media, product-variant-picker, price, quantity-input, facets, filters-drawer, active-filters, pagination, article-card, social-share, cart-line-item, free-shipping-bar
+
+### New Assets: 6
+theme.css, icons.svg, product.js, collection.js, cart.js, search.js
+
+### Modified Files: 15+
+css-variables.liquid, critical.css, settings_schema.json, header.liquid, footer.liquid, all main section replacements
+
+---
+
+## Theme Store Critical Requirements Checklist
+
+- [ ] 16+ JSON templates (including all customer templates)
+- [ ] App blocks (`@app`) in main-product section
+- [ ] Product blocks (price, vendor, description as separate blocks)
+- [ ] Dynamic checkout buttons (enabled by default)
+- [ ] Faceted filtering on collection + search
+- [ ] Selling plans / subscriptions support
+- [ ] Predictive search
+- [ ] Custom Liquid section
+- [ ] Header/Footer in section groups
+- [ ] 4+ color settings
+- [ ] Font picker for headings + body
+- [ ] Lighthouse Performance: 60+
+- [ ] Lighthouse Accessibility: 90+
+- [ ] Gift card with QR code + Apple Wallet
+- [ ] Country/language selectors
+
+---
+
+## Execution Order
+
+1. **Foundation** - css-variables, critical.css, settings_schema (enables everything else)
+2. **Layout** - header, footer, announcement bar (site-wide impact)
+3. **Product** - main-product with all blocks (most critical for approval)
+4. **Collection** - main-collection with faceted filtering (required)
+5. **Cart** - main-cart + cart-drawer (required)
+6. **Utility** - search, 404, password, customer templates (required)
+7. **Content** - blog, article, newsletter, testimonials (enhance)
+8. **Marketing** - hero, image sections, video (polish)
+9. **Preset** - settings_data.json with demo content (final)
diff --git a/plans/image-gallery-section.md b/plans/image-gallery-section.md
new file mode 100644
index 00000000..3de7ea48
--- /dev/null
+++ b/plans/image-gallery-section.md
@@ -0,0 +1,282 @@
+# Image Gallery Section Plan
+
+## Overview
+A flexible multi-image gallery section with various layout options including grid, masonry, and asymmetric arrangements. Essential for campaign imagery, brand storytelling, and editorial content.
+
+## Purpose
+- Display multiple images in visually compelling arrangements
+- Support campaign/lookbook photography
+- Create editorial magazine-style layouts
+- Optional lightbox for full-screen viewing
+
+## Features
+
+### Core Features
+1. **Multiple Layout Options** - Grid, masonry, asymmetric
+2. **Image Blocks** - Individual image entries with optional captions
+3. **Lightbox/Modal** - Full-screen image viewing
+4. **Aspect Ratio Control** - Consistent or natural image ratios
+5. **Hover Effects** - Zoom, overlay, caption reveal
+
+### Layout Types
+1. **Grid** - Equal-size cells, configurable columns
+2. **Masonry** - Pinterest-style, images keep natural aspect ratio
+3. **Asymmetric** - Editorial layout with varied cell sizes (e.g., 1 large + 2 small)
+
+## Settings
+
+### Section Settings
+| Setting | Type | Options | Default |
+|---------|------|---------|---------|
+| Heading | text | - | "" |
+| Heading alignment | select | left, center | center |
+| Layout | select | grid, masonry, asymmetric | grid |
+| Columns (desktop) | range | 2-4 | 3 |
+| Columns (mobile) | range | 1-2 | 2 |
+| Gap | select | none, small, medium, large | medium |
+| Image aspect ratio | select | portrait, landscape, square, natural | natural |
+| Enable lightbox | checkbox | - | true |
+| Hover effect | select | none, zoom, overlay, caption | zoom |
+| Full width | checkbox | - | false |
+| Color scheme | select | scheme-1, scheme-2 | scheme-1 |
+
+### Block Settings (Image Block)
+| Setting | Type | Options | Default |
+|---------|------|---------|---------|
+| Image | image_picker | - | - |
+| Caption | text | - | "" |
+| Link | url | - | - |
+| Size (asymmetric only) | select | small, medium, large | medium |
+
+## Schema Structure
+
+```json
+{
+  "name": "Image gallery",
+  "class": "section-image-gallery",
+  "tag": "section",
+  "settings": [...],
+  "blocks": [
+    {
+      "type": "image",
+      "name": "Image",
+      "settings": [
+        { "type": "image_picker", "id": "image" },
+        { "type": "text", "id": "caption" },
+        { "type": "url", "id": "link" }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Image gallery",
+      "blocks": [
+        { "type": "image" },
+        { "type": "image" },
+        { "type": "image" },
+        { "type": "image" }
+      ]
+    }
+  ]
+}
+```
+
+## HTML Structure
+
+```html
+<section class="image-gallery section">
+  <div class="container">
+    <h2 class="image-gallery__heading section-heading">Gallery Title</h2>
+
+    <div class="image-gallery__grid image-gallery__grid--{{ layout }}"
+         style="--gallery-columns: 3; --gallery-gap: var(--space-4);">
+
+      <figure class="image-gallery__item">
+        <a href="#" class="image-gallery__link" data-lightbox>
+          <div class="image-gallery__media">
+            <img class="image-gallery__image" src="..." alt="..." loading="lazy">
+            <div class="image-gallery__overlay">
+              <span class="image-gallery__zoom-icon">+</span>
+            </div>
+          </div>
+          <figcaption class="image-gallery__caption">Caption text</figcaption>
+        </a>
+      </figure>
+
+      <!-- More items... -->
+    </div>
+  </div>
+
+  <!-- Lightbox Modal -->
+  <div class="image-gallery__lightbox" id="gallery-lightbox" hidden>
+    <button class="image-gallery__lightbox-close" aria-label="Close">×</button>
+    <button class="image-gallery__lightbox-prev" aria-label="Previous">‹</button>
+    <button class="image-gallery__lightbox-next" aria-label="Next">›</button>
+    <div class="image-gallery__lightbox-content">
+      <img src="" alt="" class="image-gallery__lightbox-image">
+      <p class="image-gallery__lightbox-caption"></p>
+    </div>
+  </div>
+</section>
+```
+
+## CSS Approach
+
+### Grid Layout
+```css
+.image-gallery__grid--grid {
+  display: grid;
+  grid-template-columns: repeat(var(--gallery-columns), 1fr);
+  gap: var(--gallery-gap);
+}
+```
+
+### Masonry Layout (CSS only)
+```css
+.image-gallery__grid--masonry {
+  columns: var(--gallery-columns);
+  column-gap: var(--gallery-gap);
+}
+
+.image-gallery__grid--masonry .image-gallery__item {
+  break-inside: avoid;
+  margin-bottom: var(--gallery-gap);
+}
+```
+
+### Asymmetric Layout
+```css
+.image-gallery__grid--asymmetric {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-auto-rows: minmax(200px, auto);
+  gap: var(--gallery-gap);
+}
+
+.image-gallery__item--large {
+  grid-column: span 2;
+  grid-row: span 2;
+}
+
+.image-gallery__item--medium {
+  grid-column: span 2;
+}
+```
+
+### Hover Effects
+```css
+/* Zoom effect */
+.image-gallery--hover-zoom .image-gallery__image {
+  transition: transform var(--duration-slow) var(--ease-out);
+}
+.image-gallery--hover-zoom .image-gallery__link:hover .image-gallery__image {
+  transform: scale(1.05);
+}
+
+/* Overlay effect */
+.image-gallery__overlay {
+  position: absolute;
+  inset: 0;
+  background: rgba(0,0,0,0);
+  transition: background var(--duration-normal);
+}
+.image-gallery__link:hover .image-gallery__overlay {
+  background: rgba(0,0,0,0.3);
+}
+```
+
+## JavaScript Requirements
+
+```javascript
+// Lightbox functionality
+- Open lightbox on image click
+- Navigate with arrow keys and buttons
+- Close on Escape or click outside
+- Preload adjacent images
+- Touch swipe support
+- Prevent body scroll when open
+```
+
+## Accessibility
+
+- Images must have alt text (from image.alt or block setting)
+- Lightbox uses `role="dialog"` with `aria-modal="true"`
+- Focus trapped in lightbox when open
+- Keyboard: Arrow keys navigate, Escape closes
+- Screen reader announces image index (e.g., "Image 3 of 8")
+- Reduced motion: Disable zoom/transitions
+
+## Mobile Behavior
+
+- 2 columns max on mobile (or 1 for full-bleed)
+- Lightbox goes full-screen
+- Swipe gestures for lightbox navigation
+- Gap reduces on mobile
+
+## Performance
+
+- All images lazy loaded (`loading="lazy"`)
+- Lightbox images loaded on demand
+- Use `srcset` for responsive images
+- Consider placeholder blur-up effect
+
+## Localization Keys
+
+```json
+{
+  "sections": {
+    "image_gallery": {
+      "name": "Image gallery",
+      "settings": {
+        "layout": {
+          "label": "Layout",
+          "options": {
+            "grid": "Grid",
+            "masonry": "Masonry",
+            "asymmetric": "Asymmetric"
+          }
+        },
+        "hover_effect": {
+          "label": "Hover effect",
+          "options": {
+            "none": "None",
+            "zoom": "Zoom",
+            "overlay": "Overlay",
+            "caption": "Caption reveal"
+          }
+        },
+        "enable_lightbox": { "label": "Enable lightbox" }
+      },
+      "blocks": {
+        "image": {
+          "name": "Image",
+          "settings": {
+            "caption": { "label": "Caption" },
+            "link": { "label": "Link" }
+          }
+        }
+      }
+    }
+  },
+  "accessibility": {
+    "gallery_image": "Image {{ index }} of {{ total }}",
+    "gallery_lightbox_close": "Close gallery",
+    "gallery_lightbox_prev": "Previous image",
+    "gallery_lightbox_next": "Next image"
+  }
+}
+```
+
+## Testing Checklist
+
+- [ ] All three layouts render correctly
+- [ ] Columns adjust on different screen sizes
+- [ ] Lightbox opens and navigates properly
+- [ ] Keyboard navigation works
+- [ ] Focus management in lightbox correct
+- [ ] Images lazy load
+- [ ] Hover effects work
+- [ ] Links work (when no lightbox)
+- [ ] Touch swipe works in lightbox
+- [ ] No cumulative layout shift
+- [ ] Accessible to screen readers
diff --git a/plans/lookbook-section.md b/plans/lookbook-section.md
new file mode 100644
index 00000000..1d61c282
--- /dev/null
+++ b/plans/lookbook-section.md
@@ -0,0 +1,228 @@
+# Lookbook / Hotspot Section Plan
+
+## Overview
+A shoppable image section with product hotspots that allow customers to "shop the look" directly from editorial imagery. This is a critical fashion feature that enables the editorial-to-commerce experience.
+
+## Purpose
+- Allow merchants to tag products on lifestyle/editorial images
+- Create an interactive "shop the look" experience
+- Bridge editorial content with commerce
+- Essential for fashion themes - lets customers see products styled together
+
+## Features
+
+### Core Features
+1. **Background Image** - Full-width or contained editorial image
+2. **Product Hotspots** - Clickable pins positioned on the image
+3. **Hotspot Cards** - Product info popup when hotspot is clicked/hovered
+4. **Quick Add** - Optional add to cart from the hotspot card
+5. **Multiple Images** - Support for multiple lookbook images (carousel)
+
+### Interaction Design
+- Hotspot pins pulse subtly to indicate interactivity
+- Click/tap opens product card overlay
+- Card shows: product image, title, price, variant selector, add to cart
+- Click outside card closes it
+- Keyboard accessible (tab through hotspots)
+
+## Settings
+
+### Section Settings
+| Setting | Type | Options | Default |
+|---------|------|---------|---------|
+| Heading | text | - | "Shop the Look" |
+| Heading alignment | select | left, center | center |
+| Image | image_picker | - | - |
+| Image aspect ratio | select | landscape, portrait, square, original | landscape |
+| Hotspot style | select | minimal, numbered, icon | minimal |
+| Hotspot color | select | light, dark, accent | light |
+| Card position | select | auto, left, right | auto |
+| Enable quick add | checkbox | - | true |
+| Color scheme | select | scheme-1, scheme-2 | scheme-1 |
+
+### Block Settings (Hotspot Block)
+| Setting | Type | Options | Default |
+|---------|------|---------|---------|
+| Product | product | - | - |
+| Horizontal position | range | 0-100% | 50 |
+| Vertical position | range | 0-100% | 50 |
+| Label (optional) | text | - | - |
+
+## Schema Structure
+
+```json
+{
+  "name": "Lookbook",
+  "class": "section-lookbook",
+  "tag": "section",
+  "settings": [...],
+  "blocks": [
+    {
+      "type": "hotspot",
+      "name": "Product hotspot",
+      "settings": [...]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Lookbook",
+      "blocks": [
+        { "type": "hotspot" },
+        { "type": "hotspot" }
+      ]
+    }
+  ]
+}
+```
+
+## HTML Structure
+
+```html
+<section class="lookbook">
+  <div class="container">
+    <h2 class="lookbook__heading">Shop the Look</h2>
+
+    <div class="lookbook__wrapper">
+      <div class="lookbook__media">
+        <img class="lookbook__image" src="..." alt="...">
+
+        <!-- Hotspots -->
+        <button class="lookbook__hotspot"
+                style="--hotspot-x: 25%; --hotspot-y: 40%;"
+                data-hotspot-index="0"
+                aria-expanded="false">
+          <span class="lookbook__hotspot-pulse"></span>
+          <span class="lookbook__hotspot-dot"></span>
+        </button>
+
+        <!-- Product Card (positioned relative to hotspot) -->
+        <div class="lookbook__card" data-card-index="0" hidden>
+          <div class="lookbook__card-media">
+            <img src="..." alt="...">
+          </div>
+          <div class="lookbook__card-content">
+            <h3 class="lookbook__card-title">Product Title</h3>
+            <p class="lookbook__card-price">$99.00</p>
+            <a href="/products/..." class="lookbook__card-link">View Product</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+```
+
+## CSS Approach
+
+```css
+.lookbook__wrapper {
+  position: relative;
+  max-width: var(--page-max-width);
+  margin-inline: auto;
+}
+
+.lookbook__media {
+  position: relative;
+  overflow: hidden;
+}
+
+.lookbook__hotspot {
+  position: absolute;
+  left: var(--hotspot-x);
+  top: var(--hotspot-y);
+  transform: translate(-50%, -50%);
+  /* Styling for the hotspot button */
+}
+
+.lookbook__hotspot-pulse {
+  /* Animated pulse ring */
+  animation: hotspotPulse 2s ease-out infinite;
+}
+
+.lookbook__card {
+  position: absolute;
+  /* Card positioning logic */
+  z-index: 10;
+}
+```
+
+## JavaScript Requirements
+
+```javascript
+// Hotspot interaction
+- Click handler for hotspots
+- Card positioning (keep in viewport)
+- Close card on click outside
+- Close card on Escape key
+- Handle multiple cards (only one open at a time)
+- Touch device support
+```
+
+## Accessibility
+
+- Hotspots are `<button>` elements with `aria-expanded`
+- Cards have `role="dialog"` and proper focus management
+- Keyboard navigation: Tab through hotspots, Enter to open, Escape to close
+- Screen reader: Announce product name when hotspot focused
+- Respect `prefers-reduced-motion` for animations
+
+## Mobile Behavior
+
+- Hotspots remain clickable (not hover-dependent)
+- Cards may slide up from bottom (drawer style) on very small screens
+- Cards should not overflow viewport
+- Pinch-to-zoom disabled on lookbook image to prevent accidental zooming
+
+## Performance
+
+- Lazy load the lookbook image
+- Product images in cards loaded on demand (when card opens)
+- Use `will-change: transform` sparingly for animations
+- Consider IntersectionObserver for animation triggers
+
+## Localization Keys
+
+```json
+{
+  "sections": {
+    "lookbook": {
+      "name": "Lookbook",
+      "settings": {
+        "heading": { "label": "Heading" },
+        "image": { "label": "Image" },
+        "aspect_ratio": { "label": "Image aspect ratio" },
+        "hotspot_style": { "label": "Hotspot style" },
+        "enable_quick_add": { "label": "Enable quick add" }
+      },
+      "blocks": {
+        "hotspot": {
+          "name": "Product hotspot",
+          "settings": {
+            "product": { "label": "Product" },
+            "horizontal_position": { "label": "Horizontal position" },
+            "vertical_position": { "label": "Vertical position" }
+          }
+        }
+      }
+    }
+  }
+}
+```
+
+## Editor Experience
+
+- Hotspot positions should be easy to adjust via range sliders
+- Preview should show hotspot positions updating in real-time
+- Consider: Visual positioning in theme editor (future enhancement)
+
+## Testing Checklist
+
+- [ ] Hotspots position correctly at all screen sizes
+- [ ] Cards open/close properly
+- [ ] Cards stay within viewport bounds
+- [ ] Quick add works with variants
+- [ ] Keyboard navigation complete
+- [ ] Screen reader announces appropriately
+- [ ] Works on touch devices
+- [ ] Animations respect reduced motion
+- [ ] No layout shift on interaction
diff --git a/plans/scrolling-marquee-section.md b/plans/scrolling-marquee-section.md
new file mode 100644
index 00000000..b635faa1
--- /dev/null
+++ b/plans/scrolling-marquee-section.md
@@ -0,0 +1,509 @@
+# Scrolling Marquee Section Plan
+
+## Overview
+A continuous horizontal scrolling text banner that creates a high-fashion, runway-inspired aesthetic. Used by brands like Balenciaga, Off-White, and other fashion-forward retailers for announcements, brand messaging, or decorative visual elements.
+
+## Purpose
+- Create high-fashion visual impact
+- Display scrolling announcements or brand messaging
+- Add dynamic movement between static sections
+- Runway/editorial aesthetic differentiator
+
+## Features
+
+### Core Features
+1. **Continuous Scroll** - Seamless infinite loop animation
+2. **Multiple Text Items** - Support multiple messages that scroll together
+3. **Speed Control** - Configurable scroll speed
+4. **Direction** - Left-to-right or right-to-left
+5. **Pause on Hover** - Optional pause interaction
+6. **Divider Icons** - Separators between text items
+
+### Visual Options
+1. **Text Size** - Small, medium, large, extra-large
+2. **Font Style** - Body font or heading font
+3. **Text Transform** - Normal, uppercase, italic
+4. **Stroke Text** - Outline-only text option (high fashion)
+
+## Settings
+
+### Section Settings
+| Setting | Type | Options | Default |
+|---------|------|---------|---------|
+| Speed | range | 10-60 (seconds per loop) | 30 |
+| Direction | select | left, right | left |
+| Pause on hover | checkbox | - | true |
+| Text size | select | small, medium, large, xl | large |
+| Font | select | body, heading | heading |
+| Text transform | select | none, uppercase, italic | uppercase |
+| Enable stroke text | checkbox | - | false |
+| Divider | select | none, dot, star, dash, custom | dot |
+| Custom divider | text | - | "✦" |
+| Spacing | select | compact, normal, spacious | normal |
+| Color scheme | select | scheme-1, scheme-2 | scheme-1 |
+
+### Block Settings (Text Item)
+| Setting | Type | Options | Default |
+|---------|------|---------|---------|
+| Text | text | - | "Marquee Text" |
+| Link | url | - | - |
+
+## Schema Structure
+
+```json
+{
+  "name": "Scrolling marquee",
+  "class": "section-marquee",
+  "tag": "section",
+  "settings": [
+    {
+      "type": "range",
+      "id": "speed",
+      "label": "Animation duration",
+      "info": "Time in seconds for one complete scroll",
+      "min": 10,
+      "max": 60,
+      "step": 5,
+      "default": 30,
+      "unit": "s"
+    },
+    {
+      "type": "select",
+      "id": "direction",
+      "label": "Scroll direction",
+      "options": [
+        { "value": "left", "label": "Left" },
+        { "value": "right", "label": "Right" }
+      ],
+      "default": "left"
+    },
+    {
+      "type": "checkbox",
+      "id": "pause_on_hover",
+      "label": "Pause on hover",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "text_size",
+      "label": "Text size",
+      "options": [
+        { "value": "small", "label": "Small" },
+        { "value": "medium", "label": "Medium" },
+        { "value": "large", "label": "Large" },
+        { "value": "xl", "label": "Extra large" }
+      ],
+      "default": "large"
+    },
+    {
+      "type": "select",
+      "id": "font",
+      "label": "Font",
+      "options": [
+        { "value": "body", "label": "Body" },
+        { "value": "heading", "label": "Heading" }
+      ],
+      "default": "heading"
+    },
+    {
+      "type": "select",
+      "id": "text_transform",
+      "label": "Text style",
+      "options": [
+        { "value": "none", "label": "Normal" },
+        { "value": "uppercase", "label": "Uppercase" },
+        { "value": "italic", "label": "Italic" }
+      ],
+      "default": "uppercase"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_stroke",
+      "label": "Stroke text (outline only)",
+      "default": false
+    },
+    {
+      "type": "select",
+      "id": "divider",
+      "label": "Divider between items",
+      "options": [
+        { "value": "none", "label": "None" },
+        { "value": "dot", "label": "Dot (•)" },
+        { "value": "star", "label": "Star (✦)" },
+        { "value": "dash", "label": "Dash (—)" },
+        { "value": "custom", "label": "Custom" }
+      ],
+      "default": "star"
+    },
+    {
+      "type": "text",
+      "id": "custom_divider",
+      "label": "Custom divider",
+      "info": "Used when divider is set to Custom",
+      "default": "✦"
+    },
+    {
+      "type": "select",
+      "id": "spacing",
+      "label": "Item spacing",
+      "options": [
+        { "value": "compact", "label": "Compact" },
+        { "value": "normal", "label": "Normal" },
+        { "value": "spacious", "label": "Spacious" }
+      ],
+      "default": "normal"
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "Color scheme",
+      "options": [
+        { "value": "scheme-1", "label": "Scheme 1" },
+        { "value": "scheme-2", "label": "Scheme 2" }
+      ],
+      "default": "scheme-2"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "text",
+      "name": "Text item",
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "Text",
+          "default": "Marquee Text"
+        },
+        {
+          "type": "url",
+          "id": "link",
+          "label": "Link (optional)"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Scrolling marquee",
+      "blocks": [
+        { "type": "text", "settings": { "text": "Free Shipping on Orders $100+" } },
+        { "type": "text", "settings": { "text": "New Collection Available" } },
+        { "type": "text", "settings": { "text": "Sign Up for 10% Off" } }
+      ]
+    }
+  ]
+}
+```
+
+## HTML Structure
+
+```html
+<section class="marquee section {% render 'color-scheme', scheme: color_scheme %}"
+         style="--marquee-duration: {{ speed }}s;"
+         {% if pause_on_hover %}data-pause-on-hover{% endif %}>
+
+  <div class="marquee__track marquee__track--{{ direction }}" aria-hidden="true">
+    <!-- Content duplicated for seamless loop -->
+    <div class="marquee__content">
+      {% for block in section.blocks %}
+        {% if block.settings.link != blank %}
+          <a href="{{ block.settings.link }}" class="marquee__item">
+            {{ block.settings.text }}
+          </a>
+        {% else %}
+          <span class="marquee__item">{{ block.settings.text }}</span>
+        {% endif %}
+
+        {% if divider != 'none' %}
+          <span class="marquee__divider" aria-hidden="true">{{ divider_char }}</span>
+        {% endif %}
+      {% endfor %}
+    </div>
+
+    <!-- Duplicate for seamless loop -->
+    <div class="marquee__content">
+      {% for block in section.blocks %}
+        {% if block.settings.link != blank %}
+          <a href="{{ block.settings.link }}" class="marquee__item">
+            {{ block.settings.text }}
+          </a>
+        {% else %}
+          <span class="marquee__item">{{ block.settings.text }}</span>
+        {% endif %}
+
+        {% if divider != 'none' %}
+          <span class="marquee__divider" aria-hidden="true">{{ divider_char }}</span>
+        {% endif %}
+      {% endfor %}
+    </div>
+  </div>
+
+  <!-- Screen reader accessible version -->
+  <div class="visually-hidden">
+    {% for block in section.blocks %}
+      <p>{{ block.settings.text }}</p>
+    {% endfor %}
+  </div>
+
+</section>
+```
+
+## CSS Approach
+
+```css
+.marquee {
+  overflow: hidden;
+  padding: var(--space-4) 0;
+  white-space: nowrap;
+}
+
+.marquee__track {
+  display: flex;
+  width: max-content;
+  animation: marquee-scroll var(--marquee-duration, 30s) linear infinite;
+}
+
+.marquee__track--right {
+  animation-direction: reverse;
+}
+
+/* Pause on hover */
+[data-pause-on-hover]:hover .marquee__track {
+  animation-play-state: paused;
+}
+
+/* Respect reduced motion */
+@media (prefers-reduced-motion: reduce) {
+  .marquee__track {
+    animation: none;
+    justify-content: center;
+  }
+  .marquee__content:not(:first-child) {
+    display: none;
+  }
+}
+
+.marquee__content {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.marquee__item {
+  display: inline-block;
+  text-decoration: none;
+  color: inherit;
+}
+
+.marquee__item:hover {
+  text-decoration: underline;
+}
+
+.marquee__divider {
+  display: inline-block;
+  opacity: 0.5;
+}
+
+/* Text sizes */
+.marquee--small { font-size: var(--font-size-sm); }
+.marquee--medium { font-size: var(--font-size-lg); }
+.marquee--large { font-size: clamp(1.5rem, 4vw, 2.5rem); }
+.marquee--xl { font-size: clamp(2rem, 6vw, 4rem); }
+
+/* Font styles */
+.marquee--heading { font-family: var(--font-heading-family); }
+.marquee--body { font-family: var(--font-body-family); }
+
+/* Text transforms */
+.marquee--uppercase {
+  text-transform: uppercase;
+  letter-spacing: 0.15em;
+}
+.marquee--italic { font-style: italic; }
+
+/* Stroke text effect */
+.marquee--stroke .marquee__item {
+  color: transparent;
+  -webkit-text-stroke: 1px currentColor;
+  text-stroke: 1px currentColor;
+}
+
+.marquee--stroke.marquee--large .marquee__item,
+.marquee--stroke.marquee--xl .marquee__item {
+  -webkit-text-stroke: 2px currentColor;
+  text-stroke: 2px currentColor;
+}
+
+/* Spacing options */
+.marquee--compact .marquee__item,
+.marquee--compact .marquee__divider {
+  padding-inline: var(--space-4);
+}
+
+.marquee--normal .marquee__item,
+.marquee--normal .marquee__divider {
+  padding-inline: var(--space-6);
+}
+
+.marquee--spacious .marquee__item,
+.marquee--spacious .marquee__divider {
+  padding-inline: var(--space-10);
+}
+
+/* Animation keyframes */
+@keyframes marquee-scroll {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-50%);
+  }
+}
+```
+
+## JavaScript Requirements
+
+```javascript
+// Minimal JS - mostly CSS-driven
+// Only needed for:
+// 1. Pause on hover (can be CSS-only with [data-pause-on-hover]:hover)
+// 2. Dynamic speed adjustment in theme editor
+
+// Optional: Recalculate animation if blocks change in editor
+if (Shopify.designMode) {
+  document.addEventListener('shopify:section:load', (event) => {
+    // Reinitialize marquee if needed
+  });
+}
+```
+
+## Accessibility
+
+- Scrolling content has `aria-hidden="true"` (since it repeats)
+- Static, screen-reader accessible version provided
+- Links are accessible and focusable
+- Pause on hover allows reading
+- `prefers-reduced-motion`: Animation stops, shows centered static text
+- Color contrast must meet WCAG requirements
+
+## Mobile Behavior
+
+- Same scrolling behavior on mobile
+- Touch does not pause (no hover state)
+- Font sizes scale down appropriately via clamp()
+- Still readable at mobile sizes
+
+## Performance
+
+- Pure CSS animation (GPU-accelerated transform)
+- No JavaScript required for core functionality
+- `will-change: transform` applied
+- Minimal DOM (just duplicated content for seamless loop)
+
+## Localization Keys
+
+```json
+{
+  "sections": {
+    "marquee": {
+      "name": "Scrolling marquee",
+      "settings": {
+        "speed": {
+          "label": "Animation duration",
+          "info": "Time in seconds for one complete scroll"
+        },
+        "direction": {
+          "label": "Scroll direction",
+          "options": {
+            "left": "Left",
+            "right": "Right"
+          }
+        },
+        "pause_on_hover": { "label": "Pause on hover" },
+        "text_size": {
+          "label": "Text size",
+          "options": {
+            "small": "Small",
+            "medium": "Medium",
+            "large": "Large",
+            "xl": "Extra large"
+          }
+        },
+        "font": {
+          "label": "Font",
+          "options": {
+            "body": "Body",
+            "heading": "Heading"
+          }
+        },
+        "text_transform": {
+          "label": "Text style",
+          "options": {
+            "none": "Normal",
+            "uppercase": "Uppercase",
+            "italic": "Italic"
+          }
+        },
+        "enable_stroke": { "label": "Stroke text (outline only)" },
+        "divider": {
+          "label": "Divider between items",
+          "options": {
+            "none": "None",
+            "dot": "Dot (•)",
+            "star": "Star (✦)",
+            "dash": "Dash (—)",
+            "custom": "Custom"
+          }
+        },
+        "custom_divider": {
+          "label": "Custom divider",
+          "info": "Used when divider is set to Custom"
+        },
+        "spacing": {
+          "label": "Item spacing",
+          "options": {
+            "compact": "Compact",
+            "normal": "Normal",
+            "spacious": "Spacious"
+          }
+        }
+      },
+      "blocks": {
+        "text": {
+          "name": "Text item",
+          "settings": {
+            "text": { "label": "Text" },
+            "link": { "label": "Link (optional)" }
+          }
+        }
+      }
+    }
+  }
+}
+```
+
+## Design Inspiration
+
+- **Balenciaga** - Large stroke text, minimal dividers
+- **Off-White** - Bold uppercase, high contrast
+- **Ssense** - Clean, fast scrolling announcements
+- **Jacquemus** - Playful, colorful marquees
+
+## Testing Checklist
+
+- [ ] Animation runs smoothly (no jank)
+- [ ] Seamless loop (no gap/jump)
+- [ ] Direction toggle works
+- [ ] Speed adjustment works
+- [ ] Pause on hover works
+- [ ] All text sizes render properly
+- [ ] Stroke text effect works
+- [ ] All divider options display
+- [ ] Custom divider works
+- [ ] Links are clickable and styled
+- [ ] Reduced motion shows static text
+- [ ] Screen reader gets accessible content
+- [ ] Mobile displays correctly
+- [ ] Color schemes apply properly
+- [ ] Works in theme editor
diff --git a/plans/split-hero-section.md b/plans/split-hero-section.md
new file mode 100644
index 00000000..43fac540
--- /dev/null
+++ b/plans/split-hero-section.md
@@ -0,0 +1,442 @@
+# Split Hero Section Plan
+
+## Overview
+A two-column hero section with image on one side and content on the other. Provides an alternative to full-bleed heroes with more room for text-heavy storytelling and a modern editorial aesthetic.
+
+## Purpose
+- Alternative hero layout for variety
+- Better for text-heavy content (story pages, about pages)
+- More readable than text-over-image
+- Creates visual rhythm when alternating with full-bleed sections
+
+## Features
+
+### Core Features
+1. **Two-Column Layout** - Image + content side by side
+2. **Image Position** - Left or right
+3. **Height Options** - Auto, medium, large, full viewport
+4. **Content Blocks** - Subheading, heading, text, buttons
+5. **Image Effects** - Optional parallax, reveal animation
+6. **Mobile Stacking** - Image above or below content
+
+### Design Variations
+1. **Standard** - 50/50 split
+2. **Wide Image** - 60/40 split (image larger)
+3. **Wide Content** - 40/60 split (content larger)
+
+## Settings
+
+### Section Settings
+| Setting | Type | Options | Default |
+|---------|------|---------|---------|
+| Image | image_picker | - | - |
+| Image position | select | left, right | left |
+| Split ratio | select | equal, wide-image, wide-content | equal |
+| Height | select | auto, medium, large, full | large |
+| Vertical alignment | select | top, center, bottom | center |
+| Content alignment | select | left, center | left |
+| Enable parallax | checkbox | - | false |
+| Mobile image position | select | top, bottom | top |
+| Color scheme | select | scheme-1, scheme-2 | scheme-1 |
+
+### Block Settings
+Standard content blocks (same as hero):
+- Subheading (limit 1)
+- Heading (limit 1)
+- Text (limit 1)
+- Button (limit 2)
+
+## Schema Structure
+
+```json
+{
+  "name": "Split hero",
+  "class": "section-split-hero",
+  "tag": "section",
+  "settings": [
+    {
+      "type": "image_picker",
+      "id": "image",
+      "label": "Image"
+    },
+    {
+      "type": "select",
+      "id": "image_position",
+      "label": "Image position",
+      "options": [
+        { "value": "left", "label": "Left" },
+        { "value": "right", "label": "Right" }
+      ],
+      "default": "left"
+    },
+    {
+      "type": "select",
+      "id": "split_ratio",
+      "label": "Split ratio",
+      "options": [
+        { "value": "equal", "label": "Equal (50/50)" },
+        { "value": "wide-image", "label": "Wide image (60/40)" },
+        { "value": "wide-content", "label": "Wide content (40/60)" }
+      ],
+      "default": "equal"
+    },
+    {
+      "type": "select",
+      "id": "height",
+      "label": "Height",
+      "options": [
+        { "value": "auto", "label": "Auto" },
+        { "value": "medium", "label": "Medium" },
+        { "value": "large", "label": "Large" },
+        { "value": "full", "label": "Full screen" }
+      ],
+      "default": "large"
+    },
+    ...
+  ],
+  "blocks": [
+    {
+      "type": "subheading",
+      "name": "Subheading",
+      "limit": 1,
+      "settings": [
+        { "type": "text", "id": "text", "label": "Text", "default": "New Arrival" }
+      ]
+    },
+    {
+      "type": "heading",
+      "name": "Heading",
+      "limit": 1,
+      "settings": [
+        { "type": "text", "id": "text", "label": "Heading", "default": "Split Hero" }
+      ]
+    },
+    {
+      "type": "text",
+      "name": "Text",
+      "limit": 1,
+      "settings": [
+        { "type": "richtext", "id": "text", "label": "Text" }
+      ]
+    },
+    {
+      "type": "button",
+      "name": "Button",
+      "limit": 2,
+      "settings": [
+        { "type": "text", "id": "label", "label": "Label", "default": "Shop Now" },
+        { "type": "url", "id": "link", "label": "Link" },
+        { "type": "select", "id": "style", "label": "Style", "options": [...] }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Split hero",
+      "blocks": [
+        { "type": "subheading" },
+        { "type": "heading" },
+        { "type": "text" },
+        { "type": "button" }
+      ]
+    }
+  ]
+}
+```
+
+## HTML Structure
+
+```html
+<section class="split-hero split-hero--{{ image_position }} split-hero--{{ height }} {% render 'color-scheme', scheme: color_scheme %}">
+  <div class="split-hero__grid split-hero__grid--{{ split_ratio }}">
+
+    <!-- Image Side -->
+    <div class="split-hero__media">
+      <div class="split-hero__media-inner{% if parallax %} split-hero__media-inner--parallax{% endif %}">
+        <img class="split-hero__image"
+             src="{{ image | image_url: width: 1200 }}"
+             alt="{{ image.alt }}"
+             loading="eager"
+             sizes="(min-width: 990px) 50vw, 100vw"
+             srcset="...">
+      </div>
+    </div>
+
+    <!-- Content Side -->
+    <div class="split-hero__content split-hero__content--{{ vertical_alignment }} text-{{ content_alignment }}">
+      <div class="split-hero__content-inner">
+
+        {% for block in section.blocks %}
+          {% case block.type %}
+            {% when 'subheading' %}
+              <p class="split-hero__subheading subheading">{{ block.settings.text }}</p>
+
+            {% when 'heading' %}
+              <h1 class="split-hero__heading h1">{{ block.settings.text }}</h1>
+
+            {% when 'text' %}
+              <div class="split-hero__text rte">{{ block.settings.text }}</div>
+
+            {% when 'button' %}
+              <div class="split-hero__buttons">
+                <a href="{{ block.settings.link }}" class="btn btn--{{ block.settings.style }}">
+                  {{ block.settings.label }}
+                </a>
+              </div>
+          {% endcase %}
+        {% endfor %}
+
+      </div>
+    </div>
+
+  </div>
+</section>
+```
+
+## CSS Approach
+
+```css
+.split-hero {
+  width: 100%;
+}
+
+/* Height options */
+.split-hero--auto { min-height: auto; }
+.split-hero--medium { min-height: 60vh; }
+.split-hero--large { min-height: 80vh; }
+.split-hero--full { min-height: 100vh; min-height: 100svh; }
+
+/* Grid layout */
+.split-hero__grid {
+  display: grid;
+  min-height: inherit;
+}
+
+@media (min-width: 990px) {
+  .split-hero__grid {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .split-hero__grid--wide-image {
+    grid-template-columns: 1.5fr 1fr;
+  }
+
+  .split-hero__grid--wide-content {
+    grid-template-columns: 1fr 1.5fr;
+  }
+
+  /* Image position swap */
+  .split-hero--right .split-hero__media {
+    order: 2;
+  }
+}
+
+/* Media side */
+.split-hero__media {
+  position: relative;
+  overflow: hidden;
+  min-height: 50vh;
+}
+
+@media (min-width: 990px) {
+  .split-hero__media {
+    min-height: 100%;
+  }
+}
+
+.split-hero__media-inner {
+  position: absolute;
+  inset: 0;
+}
+
+.split-hero__media-inner--parallax {
+  inset: -10%;
+  will-change: transform;
+}
+
+.split-hero__image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+/* Content side */
+.split-hero__content {
+  display: flex;
+  padding: var(--space-12) var(--page-margin);
+}
+
+@media (min-width: 990px) {
+  .split-hero__content {
+    padding: var(--space-16) var(--space-12);
+  }
+}
+
+.split-hero__content--top { align-items: flex-start; }
+.split-hero__content--center { align-items: center; }
+.split-hero__content--bottom { align-items: flex-end; }
+
+.split-hero__content-inner {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+  max-width: 32rem;
+}
+
+/* Typography */
+.split-hero__subheading {
+  font-size: var(--font-size-xs);
+  letter-spacing: 0.2em;
+  text-transform: uppercase;
+}
+
+.split-hero__heading {
+  font-size: clamp(2rem, 5vw, 3.5rem);
+  line-height: 1.1;
+  text-wrap: balance;
+}
+
+.split-hero__text {
+  font-size: var(--font-size-lg);
+  line-height: 1.6;
+  opacity: 0.85;
+}
+
+.split-hero__buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-4);
+  margin-top: var(--space-4);
+}
+
+/* Mobile stacking */
+@media (max-width: 989px) {
+  .split-hero--mobile-image-bottom .split-hero__media {
+    order: 2;
+  }
+
+  .split-hero__media {
+    min-height: 40vh;
+  }
+}
+```
+
+## JavaScript Requirements
+
+```javascript
+// Optional parallax effect
+if (section.classList.contains('split-hero--parallax')) {
+  const mediaInner = section.querySelector('.split-hero__media-inner');
+
+  const handleScroll = () => {
+    const rect = section.getBoundingClientRect();
+    const scrollProgress = -rect.top / (rect.height + window.innerHeight);
+    const parallaxOffset = scrollProgress * 100; // 10% of oversized image
+    mediaInner.style.transform = `translateY(${parallaxOffset}px)`;
+  };
+
+  // Use IntersectionObserver to only run when visible
+  const observer = new IntersectionObserver((entries) => {
+    if (entries[0].isIntersecting) {
+      window.addEventListener('scroll', handleScroll, { passive: true });
+    } else {
+      window.removeEventListener('scroll', handleScroll);
+    }
+  });
+
+  observer.observe(section);
+}
+```
+
+## Accessibility
+
+- Heading hierarchy: Use `<h1>` only if first section on page, otherwise `<h2>`
+- Image alt text from Shopify's image.alt
+- Focus visible on buttons
+- Color contrast maintained in both color schemes
+- Reduced motion: Disable parallax
+
+## Mobile Behavior
+
+- Stacks vertically (image top or bottom configurable)
+- Image gets min-height of 40vh
+- Content padding reduced
+- Full-height option adjusts to 85vh on mobile
+
+## Performance
+
+- Image loaded eagerly if above fold
+- Responsive srcset for image optimization
+- Parallax uses CSS transforms (GPU accelerated)
+- IntersectionObserver for scroll listener efficiency
+
+## Localization Keys
+
+```json
+{
+  "sections": {
+    "split_hero": {
+      "name": "Split hero",
+      "settings": {
+        "image": { "label": "Image" },
+        "image_position": {
+          "label": "Image position",
+          "options": {
+            "left": "Left",
+            "right": "Right"
+          }
+        },
+        "split_ratio": {
+          "label": "Split ratio",
+          "options": {
+            "equal": "Equal (50/50)",
+            "wide_image": "Wide image (60/40)",
+            "wide_content": "Wide content (40/60)"
+          }
+        },
+        "height": {
+          "label": "Section height",
+          "options": {
+            "auto": "Auto",
+            "medium": "Medium",
+            "large": "Large",
+            "full": "Full screen"
+          }
+        },
+        "vertical_alignment": { "label": "Vertical alignment" },
+        "enable_parallax": { "label": "Enable parallax effect" },
+        "mobile_image_position": {
+          "label": "Mobile image position",
+          "options": {
+            "top": "Top",
+            "bottom": "Bottom"
+          }
+        }
+      },
+      "blocks": {
+        "subheading": { "name": "Subheading" },
+        "heading": { "name": "Heading" },
+        "text": { "name": "Text" },
+        "button": { "name": "Button" }
+      }
+    }
+  }
+}
+```
+
+## Testing Checklist
+
+- [ ] Image displays correctly on left and right
+- [ ] All split ratios work
+- [ ] Height options render properly
+- [ ] Vertical alignment works
+- [ ] Content alignment works
+- [ ] Parallax effect smooth (when enabled)
+- [ ] Mobile stacking correct
+- [ ] Mobile image position toggle works
+- [ ] Buttons render with correct styles
+- [ ] Text content blocks display properly
+- [ ] Placeholder shown when no image
+- [ ] Responsive images load appropriate sizes
+- [ ] Reduced motion disables parallax
+- [ ] Color schemes apply correctly
diff --git a/plans/video-section.md b/plans/video-section.md
new file mode 100644
index 00000000..11ddf54b
--- /dev/null
+++ b/plans/video-section.md
@@ -0,0 +1,352 @@
+# Video Section Plan
+
+## Overview
+A dedicated video content section supporting YouTube, Vimeo, and Shopify-hosted videos. Essential for brand films, runway footage, product videos, and storytelling content.
+
+## Purpose
+- Display video content prominently
+- Support multiple video platforms
+- Enable autoplay ambient video backgrounds
+- Provide proper video player experience for intentional viewing
+
+## Features
+
+### Core Features
+1. **Multi-Platform Support** - YouTube, Vimeo, Shopify-hosted video
+2. **Poster Image** - Custom thumbnail/poster
+3. **Autoplay Option** - Muted autoplay for ambient videos
+4. **Play Button Overlay** - Click to play with custom styling
+5. **Full-Width Option** - Edge-to-edge or contained
+6. **Text Overlay** - Optional heading/text on video poster
+
+### Video Types
+1. **Ambient/Background** - Autoplay, muted, looped (no controls)
+2. **Standard** - Click to play with controls
+3. **External Embed** - YouTube/Vimeo with their players
+
+## Settings
+
+### Section Settings
+| Setting | Type | Options | Default |
+|---------|------|---------|---------|
+| Heading | text | - | "" |
+| Video URL | url | - | - |
+| Shopify video | video | - | - |
+| Cover image | image_picker | - | - |
+| Video style | select | standard, ambient | standard |
+| Aspect ratio | select | 16:9, 21:9, 4:3, 9:16 | 16:9 |
+| Autoplay (muted) | checkbox | - | false |
+| Loop | checkbox | - | false |
+| Show controls | checkbox | - | true |
+| Full width | checkbox | - | false |
+| Text position | select | none, overlay, below | none |
+| Color scheme | select | scheme-1, scheme-2 | scheme-1 |
+
+### Block Settings (Text Overlay)
+| Setting | Type | Options | Default |
+|---------|------|---------|---------|
+| Subheading | text | - | "" |
+| Heading | text | - | "" |
+| Text | richtext | - | "" |
+| Button label | text | - | "" |
+| Button link | url | - | - |
+
+## Schema Structure
+
+```json
+{
+  "name": "Video",
+  "class": "section-video",
+  "tag": "section",
+  "settings": [
+    {
+      "type": "header",
+      "content": "Video source"
+    },
+    {
+      "type": "video_url",
+      "id": "video_url",
+      "accept": ["youtube", "vimeo"],
+      "label": "Video URL",
+      "info": "YouTube or Vimeo URL"
+    },
+    {
+      "type": "video",
+      "id": "video",
+      "label": "Shopify-hosted video"
+    },
+    {
+      "type": "image_picker",
+      "id": "cover_image",
+      "label": "Cover image"
+    },
+    ...
+  ],
+  "blocks": [
+    {
+      "type": "text",
+      "name": "Text overlay",
+      "limit": 1,
+      "settings": [...]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Video"
+    }
+  ]
+}
+```
+
+## HTML Structure
+
+### Standard Video (Click to Play)
+```html
+<section class="video-section section">
+  <div class="container{% if full_width %} container--full{% endif %}">
+
+    <div class="video-section__wrapper"
+         style="--video-aspect-ratio: 16/9;">
+
+      <!-- Cover/Poster with Play Button -->
+      <div class="video-section__cover" data-video-cover>
+        <img class="video-section__poster" src="..." alt="">
+        <button class="video-section__play-btn" aria-label="Play video">
+          <svg class="video-section__play-icon"><!-- Play icon --></svg>
+        </button>
+
+        <!-- Optional Text Overlay -->
+        <div class="video-section__overlay">
+          <div class="video-section__content">
+            <p class="video-section__subheading">Subheading</p>
+            <h2 class="video-section__heading">Heading</h2>
+          </div>
+        </div>
+      </div>
+
+      <!-- Video Container (hidden until play) -->
+      <div class="video-section__player" data-video-player hidden>
+        <!-- YouTube/Vimeo iframe or HTML5 video inserted here -->
+      </div>
+    </div>
+
+  </div>
+</section>
+```
+
+### Ambient Video (Autoplay)
+```html
+<section class="video-section video-section--ambient section">
+  <div class="video-section__wrapper">
+    <video class="video-section__video"
+           autoplay muted loop playsinline
+           poster="{{ cover_image | image_url: width: 1920 }}">
+      <source src="{{ video.sources[0].url }}" type="{{ video.sources[0].mime_type }}">
+    </video>
+
+    <!-- Optional Content Overlay -->
+    <div class="video-section__overlay">
+      <div class="video-section__content">
+        <h2 class="video-section__heading">Overlay Text</h2>
+      </div>
+    </div>
+  </div>
+</section>
+```
+
+## CSS Approach
+
+```css
+.video-section__wrapper {
+  position: relative;
+  aspect-ratio: var(--video-aspect-ratio, 16/9);
+  background-color: var(--color-muted);
+  overflow: hidden;
+}
+
+.video-section__poster,
+.video-section__video,
+.video-section__player iframe {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+/* Play button styling */
+.video-section__play-btn {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.9);
+  border: none;
+  cursor: pointer;
+  transition: transform var(--duration-normal),
+              background var(--duration-normal);
+}
+
+.video-section__play-btn:hover {
+  transform: translate(-50%, -50%) scale(1.1);
+  background: #fff;
+}
+
+/* Ambient video specific */
+.video-section--ambient .video-section__wrapper {
+  min-height: 60vh;
+}
+
+.video-section--ambient .video-section__video {
+  object-fit: cover;
+}
+
+/* Content overlay */
+.video-section__overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  color: #fff;
+  background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);
+}
+
+/* Full width variant */
+.video-section--full-width .video-section__wrapper {
+  margin-inline: calc(var(--page-margin) * -1);
+}
+
+/* Aspect ratio options */
+.video-section--21-9 { --video-aspect-ratio: 21/9; }
+.video-section--4-3 { --video-aspect-ratio: 4/3; }
+.video-section--9-16 { --video-aspect-ratio: 9/16; max-width: 400px; margin-inline: auto; }
+```
+
+## JavaScript Requirements
+
+```javascript
+// Video player functionality
+class VideoSection {
+  constructor(section) {
+    this.cover = section.querySelector('[data-video-cover]');
+    this.player = section.querySelector('[data-video-player]');
+    this.playBtn = section.querySelector('.video-section__play-btn');
+
+    this.videoUrl = section.dataset.videoUrl;
+    this.videoType = section.dataset.videoType; // youtube, vimeo, shopify
+
+    this.init();
+  }
+
+  init() {
+    if (this.playBtn) {
+      this.playBtn.addEventListener('click', () => this.play());
+    }
+  }
+
+  play() {
+    // Hide cover
+    this.cover.hidden = true;
+    this.player.hidden = false;
+
+    // Insert appropriate player
+    if (this.videoType === 'youtube') {
+      this.loadYouTube();
+    } else if (this.videoType === 'vimeo') {
+      this.loadVimeo();
+    } else {
+      this.loadNative();
+    }
+  }
+
+  loadYouTube() {
+    const videoId = this.extractYouTubeId(this.videoUrl);
+    this.player.innerHTML = `
+      <iframe src="https://www.youtube.com/embed/${videoId}?autoplay=1&rel=0"
+              frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
+      </iframe>
+    `;
+  }
+
+  // ... similar for Vimeo and native
+}
+```
+
+## Accessibility
+
+- Play button has clear `aria-label`
+- Video has proper pause/play controls when not ambient
+- Ambient videos can be paused via interaction
+- Keyboard: Space/Enter to play from cover
+- Screen reader announces "Play video: [title]"
+- Respect `prefers-reduced-motion` - disable autoplay
+
+## Mobile Behavior
+
+- Autoplay may not work on mobile - show poster + play button as fallback
+- 9:16 vertical videos should be responsive
+- Touch-friendly play button (min 44px)
+- Consider reduced quality on mobile data
+
+## Performance
+
+- Poster image eager-loaded (above fold) or lazy-loaded
+- Video iframe/source loaded only on play (for standard mode)
+- Ambient video: Consider loading after page load
+- Use Shopify-hosted video for best performance
+
+## Localization Keys
+
+```json
+{
+  "sections": {
+    "video": {
+      "name": "Video",
+      "settings": {
+        "video_url": {
+          "label": "Video URL",
+          "info": "YouTube or Vimeo URL"
+        },
+        "video": { "label": "Shopify-hosted video" },
+        "cover_image": { "label": "Cover image" },
+        "video_style": {
+          "label": "Video style",
+          "options": {
+            "standard": "Standard",
+            "ambient": "Ambient background"
+          }
+        },
+        "aspect_ratio": { "label": "Aspect ratio" },
+        "autoplay": { "label": "Autoplay (muted)" },
+        "loop": { "label": "Loop video" },
+        "show_controls": { "label": "Show controls" }
+      }
+    }
+  },
+  "accessibility": {
+    "play_video": "Play video",
+    "pause_video": "Pause video"
+  }
+}
+```
+
+## Testing Checklist
+
+- [ ] YouTube videos load and play
+- [ ] Vimeo videos load and play
+- [ ] Shopify-hosted videos work
+- [ ] Poster image displays correctly
+- [ ] Autoplay works (when allowed by browser)
+- [ ] Loop works correctly
+- [ ] Controls show/hide as configured
+- [ ] Aspect ratios render properly
+- [ ] Full-width option works
+- [ ] Text overlay displays correctly
+- [ ] Accessible via keyboard
+- [ ] Mobile fallback works
+- [ ] Reduced motion respected
diff --git a/sections/announcement-bar.liquid b/sections/announcement-bar.liquid
new file mode 100644
index 00000000..785d14a1
--- /dev/null
+++ b/sections/announcement-bar.liquid
@@ -0,0 +1,474 @@
+{% comment %}
+  Announcement Bar Section - Influence Theme
+  Premium Features:
+  - Dismissible with cookie persistence
+  - Multiple announcements carousel
+  - Icon support per announcement
+  - Countdown timer block
+  - Customizable color scheme
+{% endcomment %}
+
+{%- liquid
+  assign section_id = section.id
+  assign enable_dismiss = section.settings.enable_dismiss
+  assign dismiss_days = section.settings.dismiss_days | default: 7
+-%}
+
+{%- if section.blocks.size > 0 -%}
+  <div
+    class="announcement-bar {% render 'color-scheme', scheme: section.settings.color_scheme %}"
+    id="announcement-bar-{{ section_id }}"
+    data-announcement-bar
+    data-section-id="{{ section_id }}"
+    data-dismiss-days="{{ dismiss_days }}"
+    role="region"
+    aria-label="{{ 'accessibility.announcement' | t }}"
+    {% if enable_dismiss %}data-dismissible{% endif %}
+  >
+    <div class="announcement-bar__inner container">
+      {%- if section.blocks.size == 1 -%}
+        {%- assign block = section.blocks.first -%}
+        {%- if block.type == 'announcement' -%}
+          <div class="announcement-bar__message" {{ block.shopify_attributes }}>
+            {%- if block.settings.icon != 'none' -%}
+              <span class="announcement-bar__icon">
+                {% render 'icon', icon: block.settings.icon, size: 'sm' %}
+              </span>
+            {%- endif -%}
+            {%- if block.settings.link != blank -%}
+              <a href="{{ block.settings.link }}" class="announcement-bar__link">
+                {{ block.settings.text }}
+              </a>
+            {%- else -%}
+              <p class="announcement-bar__text">{{ block.settings.text }}</p>
+            {%- endif -%}
+          </div>
+        {%- elsif block.type == 'countdown' -%}
+          {% render 'announcement-countdown', block: block %}
+        {%- endif -%}
+      {%- else -%}
+        {%- comment -%} Multiple announcements - carousel {%- endcomment -%}
+        <div class="announcement-bar__carousel" data-announcement-carousel>
+          {%- for block in section.blocks -%}
+            <div
+              class="announcement-bar__message{% if forloop.first %} is-active{% endif %}"
+              {{ block.shopify_attributes }}
+              data-announcement-slide="{{ forloop.index0 }}"
+              {% unless forloop.first %}hidden{% endunless %}
+            >
+              {%- if block.type == 'announcement' -%}
+                {%- if block.settings.icon != 'none' -%}
+                  <span class="announcement-bar__icon">
+                    {% render 'icon', icon: block.settings.icon, size: 'sm' %}
+                  </span>
+                {%- endif -%}
+                {%- if block.settings.link != blank -%}
+                  <a href="{{ block.settings.link }}" class="announcement-bar__link">
+                    {{ block.settings.text }}
+                  </a>
+                {%- else -%}
+                  <p class="announcement-bar__text">{{ block.settings.text }}</p>
+                {%- endif -%}
+              {%- elsif block.type == 'countdown' -%}
+                {% render 'announcement-countdown', block: block %}
+              {%- endif -%}
+            </div>
+          {%- endfor -%}
+        </div>
+
+        {%- comment -%} Carousel navigation {%- endcomment -%}
+        <div class="announcement-bar__nav">
+          <button
+            type="button"
+            class="announcement-bar__nav-btn"
+            data-announcement-prev
+            aria-label="{{ 'accessibility.previous' | t }}"
+          >
+            {% render 'icon', icon: 'chevron-left', size: 'sm' %}
+          </button>
+          <button
+            type="button"
+            class="announcement-bar__nav-btn"
+            data-announcement-next
+            aria-label="{{ 'accessibility.next' | t }}"
+          >
+            {% render 'icon', icon: 'chevron-right', size: 'sm' %}
+          </button>
+        </div>
+      {%- endif -%}
+
+      {%- comment -%} Dismiss button {%- endcomment -%}
+      {%- if enable_dismiss -%}
+        <button
+          type="button"
+          class="announcement-bar__dismiss"
+          aria-label="{{ 'accessibility.dismiss_announcement' | t }}"
+          data-announcement-dismiss
+        >
+          {% render 'icon', icon: 'close', size: 'sm' %}
+        </button>
+      {%- endif -%}
+    </div>
+  </div>
+
+  <script>
+    (function() {
+      const bar = document.querySelector('[data-announcement-bar]');
+      if (!bar) return;
+
+      const sectionId = bar.dataset.sectionId;
+      const dismissDays = parseInt(bar.dataset.dismissDays) || 7;
+      const isDismissible = bar.hasAttribute('data-dismissible');
+      const dismissBtn = bar.querySelector('[data-announcement-dismiss]');
+      const carousel = bar.querySelector('[data-announcement-carousel]');
+      const cookieName = `announcement_dismissed_${sectionId}`;
+
+      // Check if already dismissed
+      if (isDismissible && getCookie(cookieName)) {
+        bar.remove();
+        return;
+      }
+
+      // Dismiss functionality
+      if (dismissBtn) {
+        dismissBtn.addEventListener('click', () => {
+          setCookie(cookieName, 'true', dismissDays);
+          bar.style.transition = 'opacity 0.3s ease, transform 0.3s ease';
+          bar.style.opacity = '0';
+          bar.style.transform = 'translateY(-100%)';
+          setTimeout(() => bar.remove(), 300);
+        });
+      }
+
+      // Carousel functionality
+      if (carousel) {
+        const slides = carousel.querySelectorAll('[data-announcement-slide]');
+        const prevBtn = bar.querySelector('[data-announcement-prev]');
+        const nextBtn = bar.querySelector('[data-announcement-next]');
+        let currentIndex = 0;
+        let autoplayInterval;
+
+        function showSlide(index) {
+          slides.forEach((slide, i) => {
+            slide.classList.remove('is-active');
+            slide.hidden = true;
+            if (i === index) {
+              slide.classList.add('is-active');
+              slide.hidden = false;
+            }
+          });
+          currentIndex = index;
+        }
+
+        function nextSlide() {
+          const next = (currentIndex + 1) % slides.length;
+          showSlide(next);
+        }
+
+        function prevSlide() {
+          const prev = (currentIndex - 1 + slides.length) % slides.length;
+          showSlide(prev);
+        }
+
+        if (prevBtn) prevBtn.addEventListener('click', () => {
+          prevSlide();
+          resetAutoplay();
+        });
+        if (nextBtn) nextBtn.addEventListener('click', () => {
+          nextSlide();
+          resetAutoplay();
+        });
+
+        function startAutoplay() {
+          autoplayInterval = setInterval(nextSlide, {{ section.settings.autoplay_speed | default: 5000 }});
+        }
+
+        function resetAutoplay() {
+          clearInterval(autoplayInterval);
+          {% if section.settings.autoplay %}startAutoplay();{% endif %}
+        }
+
+        {% if section.settings.autoplay %}startAutoplay();{% endif %}
+      }
+
+      // Cookie helpers
+      function setCookie(name, value, days) {
+        const expires = new Date(Date.now() + days * 864e5).toUTCString();
+        document.cookie = `${name}=${value}; expires=${expires}; path=/; SameSite=Lax`;
+      }
+
+      function getCookie(name) {
+        return document.cookie.split('; ').find(row => row.startsWith(name + '='));
+      }
+    })();
+  </script>
+{%- endif -%}
+
+{% stylesheet %}
+  .announcement-bar {
+    position: relative;
+  }
+
+  .announcement-bar__inner {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: var(--announcement-bar-height);
+    padding-block: var(--space-2);
+    gap: var(--space-4);
+  }
+
+  .announcement-bar__message {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-2);
+    text-align: center;
+  }
+
+  .announcement-bar__icon {
+    display: flex;
+    flex-shrink: 0;
+  }
+
+  .announcement-bar__text,
+  .announcement-bar__link {
+    font-size: var(--font-size-xs);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .announcement-bar__link {
+    text-decoration: underline;
+    text-underline-offset: 0.2em;
+  }
+
+  .announcement-bar__carousel {
+    position: relative;
+    flex: 1;
+    text-align: center;
+  }
+
+  .announcement-bar__nav {
+    display: flex;
+    gap: var(--space-1);
+  }
+
+  .announcement-bar__nav-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5rem;
+    height: 1.5rem;
+    opacity: 0.7;
+    transition: opacity var(--duration-fast) var(--ease-out);
+  }
+
+  .announcement-bar__nav-btn:hover {
+    opacity: 1;
+  }
+
+  .announcement-bar__dismiss {
+    position: absolute;
+    right: var(--page-margin);
+    top: 50%;
+    transform: translateY(-50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5rem;
+    height: 1.5rem;
+    opacity: 0.7;
+    transition: opacity var(--duration-fast) var(--ease-out);
+  }
+
+  .announcement-bar__dismiss:hover {
+    opacity: 1;
+  }
+
+  /* Countdown styles */
+  .announcement-countdown {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-3);
+    font-size: var(--font-size-xs);
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  .announcement-countdown__text {
+    margin: 0;
+  }
+
+  .announcement-countdown__timer {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .announcement-countdown__unit {
+    display: flex;
+    align-items: baseline;
+    gap: 0.15em;
+  }
+
+  .announcement-countdown__value {
+    font-weight: 600;
+  }
+
+  .announcement-countdown__label {
+    font-size: 0.75em;
+    opacity: 0.8;
+  }
+
+  .announcement-countdown__separator {
+    opacity: 0.5;
+  }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.announcement_bar.name",
+  "tag": "section",
+  "class": "section-announcement-bar",
+  "enabled_on": {
+    "groups": ["header"]
+  },
+  "settings": [
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:sections.announcement_bar.settings.color_scheme.label",
+      "default": "scheme_2"
+    },
+    {
+      "type": "header",
+      "content": "t:sections.announcement_bar.settings.dismiss.header"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_dismiss",
+      "label": "t:sections.announcement_bar.settings.dismiss.enable.label",
+      "default": false
+    },
+    {
+      "type": "range",
+      "id": "dismiss_days",
+      "min": 1,
+      "max": 30,
+      "step": 1,
+      "unit": "d",
+      "label": "t:sections.announcement_bar.settings.dismiss.days.label",
+      "default": 7
+    },
+    {
+      "type": "header",
+      "content": "t:sections.announcement_bar.settings.autoplay.header"
+    },
+    {
+      "type": "checkbox",
+      "id": "autoplay",
+      "label": "t:sections.announcement_bar.settings.autoplay.enable.label",
+      "default": true
+    },
+    {
+      "type": "range",
+      "id": "autoplay_speed",
+      "min": 3000,
+      "max": 9500,
+      "step": 500,
+      "unit": "ms",
+      "label": "t:sections.announcement_bar.settings.autoplay.speed.label",
+      "default": 5000
+    }
+  ],
+  "blocks": [
+    {
+      "type": "announcement",
+      "name": "t:sections.announcement_bar.blocks.announcement.name",
+      "settings": [
+        {
+          "type": "inline_richtext",
+          "id": "text",
+          "label": "t:sections.announcement_bar.settings.text.label",
+          "default": "Welcome to our store"
+        },
+        {
+          "type": "url",
+          "id": "link",
+          "label": "t:sections.announcement_bar.settings.link.label"
+        },
+        {
+          "type": "select",
+          "id": "icon",
+          "label": "t:sections.announcement_bar.settings.icon.label",
+          "options": [
+            {
+              "value": "none",
+              "label": "t:sections.announcement_bar.settings.icon.options.none"
+            },
+            {
+              "value": "truck",
+              "label": "t:sections.announcement_bar.settings.icon.options.shipping"
+            },
+            {
+              "value": "gift",
+              "label": "t:sections.announcement_bar.settings.icon.options.gift"
+            },
+            {
+              "value": "tag",
+              "label": "t:sections.announcement_bar.settings.icon.options.sale"
+            },
+            {
+              "value": "clock",
+              "label": "t:sections.announcement_bar.settings.icon.options.limited"
+            },
+            {
+              "value": "star",
+              "label": "t:sections.announcement_bar.settings.icon.options.featured"
+            }
+          ],
+          "default": "none"
+        }
+      ]
+    },
+    {
+      "type": "countdown",
+      "name": "t:sections.announcement_bar.blocks.countdown.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:sections.announcement_bar.blocks.countdown.settings.text.label",
+          "default": "Sale ends in"
+        },
+        {
+          "type": "text",
+          "id": "end_date",
+          "label": "t:sections.announcement_bar.blocks.countdown.settings.end_date.label",
+          "info": "t:sections.announcement_bar.blocks.countdown.settings.end_date.info",
+          "placeholder": "2025-12-31 23:59"
+        },
+        {
+          "type": "url",
+          "id": "link",
+          "label": "t:sections.announcement_bar.settings.link.label"
+        }
+      ]
+    }
+  ],
+  "max_blocks": 5,
+  "default": {
+    "blocks": [
+      {
+        "type": "announcement",
+        "settings": {
+          "text": "Free shipping on orders over $100",
+          "icon": "truck"
+        }
+      }
+    ]
+  }
+}
+{% endschema %}
diff --git a/sections/blog-posts.liquid b/sections/blog-posts.liquid
new file mode 100644
index 00000000..ae7a1e63
--- /dev/null
+++ b/sections/blog-posts.liquid
@@ -0,0 +1,176 @@
+{% comment %}
+  Blog Posts Section - Influence Theme
+  Displays featured blog articles from a selected blog
+{% endcomment %}
+
+{%- liquid
+  assign blog = blogs[section.settings.blog]
+  assign posts_to_show = section.settings.posts_to_show
+  assign columns_desktop = section.settings.columns_desktop
+  assign columns_mobile = section.settings.columns_mobile
+-%}
+
+<section class="blog-posts section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    {%- if section.settings.heading != blank or section.settings.show_view_all -%}
+      <div class="blog-posts__header">
+        {%- if section.settings.heading != blank -%}
+          <h2 class="blog-posts__heading section-heading">{{ section.settings.heading }}</h2>
+        {%- endif -%}
+        {%- if section.settings.show_view_all and blog -%}
+          <a href="{{ blog.url }}" class="blog-posts__view-all link-with-arrow">
+            {{ 'blog.view_all' | t }}
+            {% render 'icon', icon: 'arrow-right', size: 'sm' %}
+          </a>
+        {%- endif -%}
+      </div>
+    {%- endif -%}
+
+    {%- if blog != blank and blog.articles.size > 0 -%}
+      <div
+        class="blog-posts__grid grid"
+        style="--grid-columns-desktop: {{ columns_desktop }}; --grid-columns-mobile: {{ columns_mobile }};"
+      >
+        {%- for article in blog.articles limit: posts_to_show -%}
+          <article class="blog-posts__item">
+            {% render 'article-card',
+              article: article,
+              show_date: section.settings.show_date,
+              show_author: section.settings.show_author,
+              show_excerpt: section.settings.show_excerpt,
+              image_ratio: section.settings.image_ratio
+            %}
+          </article>
+        {%- endfor -%}
+      </div>
+    {%- else -%}
+      {%- comment -%} Placeholder content {%- endcomment -%}
+      <div
+        class="blog-posts__grid grid"
+        style="--grid-columns-desktop: {{ columns_desktop }}; --grid-columns-mobile: {{ columns_mobile }};"
+      >
+        {%- for i in (1..posts_to_show) -%}
+          <article class="blog-posts__item">
+            <div class="article-card">
+              <div class="article-card__media media aspect-16-9">
+                {{ 'lifestyle-1' | placeholder_svg_tag: 'article-card__placeholder' }}
+              </div>
+              <div class="article-card__content">
+                <h3 class="article-card__title h4">
+                  <a href="#">{{ 'blog.onboarding.title' | t }}</a>
+                </h3>
+                <p class="article-card__excerpt">
+                  {{ 'blog.onboarding.excerpt' | t }}
+                </p>
+                <div class="article-card__meta">
+                  <span class="article-card__author">{{ 'blog.onboarding.author' | t }}</span>
+                  <span class="article-card__separator">·</span>
+                  <time class="article-card__date">{{ 'now' | date: format: 'abbreviated_date' }}</time>
+                </div>
+              </div>
+            </div>
+          </article>
+        {%- endfor -%}
+      </div>
+    {%- endif -%}
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.blog_posts.name",
+  "tag": "section",
+  "class": "section-blog-posts",
+  "settings": [
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "t:labels.heading",
+      "default": "From the journal"
+    },
+    {
+      "type": "blog",
+      "id": "blog",
+      "label": "t:sections.blog_posts.settings.blog.label"
+    },
+    {
+      "type": "range",
+      "id": "posts_to_show",
+      "label": "t:sections.blog_posts.settings.posts_to_show.label",
+      "min": 2,
+      "max": 8,
+      "step": 1,
+      "default": 3
+    },
+    {
+      "type": "checkbox",
+      "id": "show_view_all",
+      "label": "t:sections.blog_posts.settings.show_view_all.label",
+      "default": true
+    },
+    {
+      "type": "range",
+      "id": "columns_desktop",
+      "label": "t:labels.columns_desktop",
+      "min": 2,
+      "max": 4,
+      "step": 1,
+      "default": 3
+    },
+    {
+      "type": "select",
+      "id": "columns_mobile",
+      "label": "t:labels.columns_mobile",
+      "options": [
+        { "value": "1", "label": "1" },
+        { "value": "2", "label": "2" }
+      ],
+      "default": "1"
+    },
+    {
+      "type": "select",
+      "id": "image_ratio",
+      "label": "t:labels.image_ratio",
+      "options": [
+        { "value": "landscape", "label": "t:options.image_ratio.landscape" },
+        { "value": "portrait", "label": "t:options.image_ratio.portrait" },
+        { "value": "square", "label": "t:options.image_ratio.square" }
+      ],
+      "default": "landscape"
+    },
+    {
+      "type": "header",
+      "content": "t:sections.blog_posts.settings.header_article_card.content"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_date",
+      "label": "t:sections.blog_posts.settings.show_date.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_author",
+      "label": "t:sections.blog_posts.settings.show_author.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_excerpt",
+      "label": "t:sections.blog_posts.settings.show_excerpt.label",
+      "default": true
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "default": "scheme_1"
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.blog_posts.name"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/cart-drawer.liquid b/sections/cart-drawer.liquid
new file mode 100644
index 00000000..f72b8d96
--- /dev/null
+++ b/sections/cart-drawer.liquid
@@ -0,0 +1,334 @@
+{% comment %}
+  Cart Drawer Section - Influence Theme
+  Slide-out cart with AJAX functionality
+{% endcomment %}
+
+<div
+  id="cart-drawer"
+  class="cart-drawer drawer drawer--right"
+  data-cart-drawer
+  aria-hidden="true"
+  aria-label="{{ 'cart.title' | t }}"
+>
+  <div class="cart-drawer__header">
+    <h2 class="cart-drawer__title h4">
+      {{ 'cart.title' | t }}
+      <span class="cart-drawer__count" data-cart-count>({{ cart.item_count }})</span>
+    </h2>
+    <button
+      type="button"
+      class="cart-drawer__close"
+      aria-label="{{ 'accessibility.close' | t }}"
+      data-cart-drawer-close
+    >
+      {% render 'icon', icon: 'close' %}
+    </button>
+  </div>
+
+  <div class="cart-drawer__body" data-cart-drawer-body>
+    {%- if cart.item_count > 0 -%}
+      <div class="cart-drawer__items">
+        {%- for item in cart.items -%}
+          <div class="cart-drawer-item" data-cart-item data-line-item-key="{{ item.key }}">
+            <div class="cart-drawer-item__media">
+              {%- if item.image -%}
+                <a href="{{ item.url }}">
+                  {{
+                    item.image
+                    | image_url: width: 150
+                    | image_tag:
+                      loading: 'lazy',
+                      width: 75,
+                      height: 75,
+                      class: 'cart-drawer-item__image'
+                  }}
+                </a>
+              {%- endif -%}
+            </div>
+
+            <div class="cart-drawer-item__info">
+              <h3 class="cart-drawer-item__title">
+                <a href="{{ item.url }}">{{ item.product.title }}</a>
+              </h3>
+
+              {%- if item.product.has_only_default_variant == false -%}
+                <p class="cart-drawer-item__variant">{{ item.variant.title }}</p>
+              {%- endif -%}
+
+              {%- if item.selling_plan_allocation -%}
+                <p class="cart-drawer-item__selling-plan">
+                  {{ item.selling_plan_allocation.selling_plan.name }}
+                </p>
+              {%- endif -%}
+
+              {%- comment -%} Unit Price {%- endcomment -%}
+              {%- if item.unit_price_measurement -%}
+                <p class="cart-drawer-item__unit-price">
+                  {{ item.unit_price | money }}
+                  <span aria-hidden="true">/</span>
+                  {%- if item.unit_price_measurement.reference_value != 1 -%}
+                    {{ item.unit_price_measurement.reference_value }}
+                  {%- endif -%}
+                  {{ item.unit_price_measurement.reference_unit }}
+                </p>
+              {%- endif -%}
+
+              <div class="cart-drawer-item__bottom">
+                <div class="cart-drawer-item__quantity">
+                  <button
+                    type="button"
+                    class="quantity-btn"
+                    aria-label="{{ 'cart.decrease_quantity' | t }}"
+                    data-quantity-minus
+                    data-line-key="{{ item.key }}"
+                    data-current-qty="{{ item.quantity }}"
+                  >
+                    {% render 'icon', icon: 'minus', size: 'xs' %}
+                  </button>
+                  <span class="quantity-value" data-quantity-value>{{ item.quantity }}</span>
+                  <button
+                    type="button"
+                    class="quantity-btn"
+                    aria-label="{{ 'cart.increase_quantity' | t }}"
+                    data-quantity-plus
+                    data-line-key="{{ item.key }}"
+                    data-current-qty="{{ item.quantity }}"
+                  >
+                    {% render 'icon', icon: 'plus', size: 'xs' %}
+                  </button>
+                </div>
+
+                <div class="cart-drawer-item__price">
+                  {%- if item.original_line_price != item.final_line_price -%}
+                    <span class="cart-drawer-item__price-sale">{{ item.final_line_price | money }}</span>
+                    <span class="cart-drawer-item__price-compare">{{ item.original_line_price | money }}</span>
+                  {%- else -%}
+                    {{ item.final_line_price | money }}
+                  {%- endif -%}
+                </div>
+              </div>
+
+              {%- comment -%} Line Discounts {%- endcomment -%}
+              {%- if item.line_level_discount_allocations.size > 0 -%}
+                <ul class="cart-drawer-item__discounts" role="list">
+                  {%- for discount in item.line_level_discount_allocations -%}
+                    <li class="cart-drawer-item__discount">
+                      {% render 'icon', icon: 'discount', size: 'xs' %}
+                      {{ discount.discount_application.title }}
+                    </li>
+                  {%- endfor -%}
+                </ul>
+              {%- endif -%}
+            </div>
+
+            <button
+              type="button"
+              class="cart-drawer-item__remove"
+              aria-label="{{ 'cart.remove' | t: title: item.title }}"
+              data-cart-remove
+              data-line-key="{{ item.key }}"
+            >
+              {% render 'icon', icon: 'close', size: 'sm' %}
+            </button>
+          </div>
+        {%- endfor -%}
+      </div>
+    {%- else -%}
+      <div class="cart-drawer__empty">
+        <div class="cart-drawer__empty-icon">
+          {% render 'icon', icon: 'cart', size: 'lg' %}
+        </div>
+        <p class="cart-drawer__empty-text">{{ 'cart.empty' | t }}</p>
+        <a href="{{ routes.all_products_collection_url }}" class="btn btn--primary" data-cart-drawer-close>
+          {{ 'cart.continue_shopping' | t }}
+        </a>
+      </div>
+    {%- endif -%}
+  </div>
+
+  {%- if cart.item_count > 0 -%}
+    <div class="cart-drawer__footer">
+      {%- comment -%} Order Discounts {%- endcomment -%}
+      {%- if cart.cart_level_discount_applications.size > 0 -%}
+        <div class="cart-drawer__discounts">
+          {%- for discount in cart.cart_level_discount_applications -%}
+            <div class="cart-drawer__discount">
+              <span>
+                {% render 'icon', icon: 'discount', size: 'sm' %}
+                {{ discount.title }}
+              </span>
+              <span>-{{ discount.total_allocated_amount | money }}</span>
+            </div>
+          {%- endfor -%}
+        </div>
+      {%- endif -%}
+
+      <div class="cart-drawer__subtotal">
+        <span class="cart-drawer__subtotal-label">{{ 'cart.subtotal' | t }}</span>
+        <span class="cart-drawer__subtotal-price" data-cart-subtotal>{{ cart.total_price | money_with_currency }}</span>
+      </div>
+
+      <p class="cart-drawer__taxes">
+        {{ 'cart.taxes_and_shipping_at_checkout' | t }}
+      </p>
+
+      <div class="cart-drawer__buttons">
+        <a href="{{ routes.cart_url }}" class="btn btn--outline btn--full">
+          {{ 'cart.view_cart' | t }}
+        </a>
+        <a href="{{ routes.checkout_url }}" class="btn btn--primary btn--full">
+          {{ 'cart.checkout' | t }}
+        </a>
+      </div>
+    </div>
+  {%- endif -%}
+</div>
+
+<div class="cart-drawer__overlay" data-cart-drawer-overlay></div>
+
+<script>
+(function() {
+  const cartDrawer = document.querySelector('[data-cart-drawer]');
+  const cartOverlay = document.querySelector('[data-cart-drawer-overlay]');
+  const cartToggles = document.querySelectorAll('[data-cart-toggle]');
+  const cartCloseButtons = document.querySelectorAll('[data-cart-drawer-close]');
+
+  function openCartDrawer() {
+    if (cartDrawer) {
+      cartDrawer.classList.add('is-open');
+      cartDrawer.setAttribute('aria-hidden', 'false');
+      cartOverlay.classList.add('is-active');
+      document.body.style.overflow = 'hidden';
+    }
+  }
+
+  function closeCartDrawer() {
+    if (cartDrawer) {
+      cartDrawer.classList.remove('is-open');
+      cartDrawer.setAttribute('aria-hidden', 'true');
+      cartOverlay.classList.remove('is-active');
+      document.body.style.overflow = '';
+    }
+  }
+
+  // Toggle cart drawer
+  cartToggles.forEach(toggle => {
+    toggle.addEventListener('click', (e) => {
+      e.preventDefault();
+      if (cartDrawer.classList.contains('is-open')) {
+        closeCartDrawer();
+      } else {
+        openCartDrawer();
+      }
+    });
+  });
+
+  // Close buttons
+  cartCloseButtons.forEach(btn => {
+    btn.addEventListener('click', closeCartDrawer);
+  });
+
+  // Close on overlay click
+  if (cartOverlay) {
+    cartOverlay.addEventListener('click', closeCartDrawer);
+  }
+
+  // Close on escape
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape' && cartDrawer.classList.contains('is-open')) {
+      closeCartDrawer();
+    }
+  });
+
+  // Quantity and remove buttons via AJAX
+  async function updateCart(lineKey, quantity) {
+    try {
+      const response = await fetch('/cart/change.js', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+          id: lineKey,
+          quantity: quantity
+        })
+      });
+
+      if (response.ok) {
+        // Reload the cart drawer content
+        const cartResponse = await fetch('/?section_id=cart-drawer');
+        const html = await cartResponse.text();
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(html, 'text/html');
+        const newDrawer = doc.querySelector('[data-cart-drawer]');
+
+        if (newDrawer && cartDrawer) {
+          cartDrawer.innerHTML = newDrawer.innerHTML;
+          // Re-attach event listeners
+          attachCartItemListeners();
+        }
+
+        // Update cart count in header
+        const cartData = await response.json();
+        const cartCounts = document.querySelectorAll('[data-cart-count]');
+        cartCounts.forEach(count => {
+          if (count.closest('.cart-drawer')) {
+            count.textContent = `(${cartData.item_count})`;
+          } else {
+            count.textContent = cartData.item_count;
+          }
+        });
+      }
+    } catch (error) {
+      console.error('Error updating cart:', error);
+    }
+  }
+
+  function attachCartItemListeners() {
+    const minusButtons = cartDrawer.querySelectorAll('[data-quantity-minus]');
+    const plusButtons = cartDrawer.querySelectorAll('[data-quantity-plus]');
+    const removeButtons = cartDrawer.querySelectorAll('[data-cart-remove]');
+
+    minusButtons.forEach(btn => {
+      btn.addEventListener('click', () => {
+        const lineKey = btn.dataset.lineKey;
+        const currentQty = parseInt(btn.dataset.currentQty) || 1;
+        if (currentQty > 1) {
+          updateCart(lineKey, currentQty - 1);
+        } else {
+          updateCart(lineKey, 0);
+        }
+      });
+    });
+
+    plusButtons.forEach(btn => {
+      btn.addEventListener('click', () => {
+        const lineKey = btn.dataset.lineKey;
+        const currentQty = parseInt(btn.dataset.currentQty) || 0;
+        updateCart(lineKey, currentQty + 1);
+      });
+    });
+
+    removeButtons.forEach(btn => {
+      btn.addEventListener('click', () => {
+        const lineKey = btn.dataset.lineKey;
+        updateCart(lineKey, 0);
+      });
+    });
+  }
+
+  // Initial attachment
+  attachCartItemListeners();
+
+  // Expose openCartDrawer globally for add-to-cart events
+  window.openCartDrawer = openCartDrawer;
+})();
+</script>
+
+{% schema %}
+{
+  "name": "t:sections.cart_drawer.name",
+  "class": "section-cart-drawer",
+  "settings": []
+}
+{% endschema %}
diff --git a/sections/collection-list.liquid b/sections/collection-list.liquid
new file mode 100644
index 00000000..4cb3b484
--- /dev/null
+++ b/sections/collection-list.liquid
@@ -0,0 +1,100 @@
+{% comment %}
+  Collection List Section - Influence Theme
+  Displays a grid of collections for list-collections template
+{% endcomment %}
+
+{%- liquid
+  assign columns_desktop = section.settings.columns_desktop
+  assign columns_mobile = section.settings.columns_mobile
+  assign show_collection_count = section.settings.show_collection_count
+  assign image_ratio = section.settings.image_ratio
+-%}
+
+<section class="collection-list section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    {%- if section.settings.heading != blank -%}
+      <h1 class="collection-list__heading section-heading text-{{ section.settings.heading_alignment }}">
+        {{ section.settings.heading }}
+      </h1>
+    {%- endif -%}
+
+    <div
+      class="collection-list__grid grid"
+      style="--grid-columns-desktop: {{ columns_desktop }}; --grid-columns-mobile: {{ columns_mobile }};"
+    >
+      {%- for collection in collections -%}
+        <div class="collection-list__item">
+          {% render 'collection-card', collection: collection, show_count: show_collection_count, image_ratio: image_ratio %}
+        </div>
+      {%- endfor -%}
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.collection_list.name",
+  "tag": "section",
+  "class": "section-collection-list",
+  "settings": [
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "t:labels.heading",
+      "default": "Collections"
+    },
+    {
+      "type": "select",
+      "id": "heading_alignment",
+      "label": "t:labels.heading_alignment",
+      "options": [
+        { "value": "left", "label": "t:options.alignment.left" },
+        { "value": "center", "label": "t:options.alignment.center" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "select",
+      "id": "image_ratio",
+      "label": "t:labels.image_ratio",
+      "options": [
+        { "value": "landscape", "label": "t:options.image_ratio.landscape" },
+        { "value": "portrait", "label": "t:options.image_ratio.portrait" },
+        { "value": "square", "label": "t:options.image_ratio.square" }
+      ],
+      "default": "landscape"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_collection_count",
+      "label": "t:sections.collection_list.settings.show_collection_count.label",
+      "default": true
+    },
+    {
+      "type": "range",
+      "id": "columns_desktop",
+      "label": "t:labels.columns_desktop",
+      "min": 2,
+      "max": 4,
+      "step": 1,
+      "default": 3
+    },
+    {
+      "type": "select",
+      "id": "columns_mobile",
+      "label": "t:labels.columns_mobile",
+      "options": [
+        { "value": "1", "label": "1" },
+        { "value": "2", "label": "2" }
+      ],
+      "default": "1"
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "default": "scheme_1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/contact-form.liquid b/sections/contact-form.liquid
new file mode 100644
index 00000000..cd621323
--- /dev/null
+++ b/sections/contact-form.liquid
@@ -0,0 +1,210 @@
+{% comment %}
+  Contact Form Section - Influence Theme
+  Displays a contact form with customizable fields
+{% endcomment %}
+
+<section class="contact-form-section section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container{% if section.settings.narrow_container %} container--narrow{% endif %}">
+    <div class="contact-form-section__inner">
+      {%- if section.settings.heading != blank or section.settings.text != blank -%}
+        <div class="contact-form-section__header text-{{ section.settings.text_alignment }}">
+          {%- if section.settings.heading != blank -%}
+            <h2 class="contact-form-section__heading {{ section.settings.heading_size }}">
+              {{ section.settings.heading }}
+            </h2>
+          {%- endif -%}
+          {%- if section.settings.text != blank -%}
+            <div class="contact-form-section__text rte">
+              {{ section.settings.text }}
+            </div>
+          {%- endif -%}
+        </div>
+      {%- endif -%}
+
+      {%- form 'contact', id: 'ContactForm', class: 'contact-form' -%}
+        {%- if form.posted_successfully? -%}
+          <div class="form-message form-message--success" tabindex="-1" autofocus>
+            {% render 'icon', icon: 'checkmark' %}
+            {{ 'contact.form.success' | t }}
+          </div>
+        {%- else -%}
+          {%- if form.errors -%}
+            <div class="form-message form-message--error">
+              {{ form.errors | default_errors }}
+            </div>
+          {%- endif -%}
+
+          <div class="contact-form__fields">
+            <div class="contact-form__row">
+              <div class="form-group">
+                <label for="ContactForm-name" class="form-label">
+                  {{ 'contact.form.name' | t }}
+                  <span aria-hidden="true">*</span>
+                </label>
+                <input
+                  type="text"
+                  id="ContactForm-name"
+                  name="contact[{{ 'contact.form.name' | t }}]"
+                  class="form-input"
+                  autocomplete="name"
+                  required
+                >
+              </div>
+
+              <div class="form-group">
+                <label for="ContactForm-email" class="form-label">
+                  {{ 'contact.form.email' | t }}
+                  <span aria-hidden="true">*</span>
+                </label>
+                <input
+                  type="email"
+                  id="ContactForm-email"
+                  name="contact[email]"
+                  class="form-input"
+                  autocomplete="email"
+                  autocorrect="off"
+                  autocapitalize="off"
+                  required
+                  {% if form.errors contains 'email' %}
+                    aria-invalid="true"
+                  {% endif %}
+                >
+              </div>
+            </div>
+
+            {%- if section.settings.show_phone -%}
+              <div class="form-group">
+                <label for="ContactForm-phone" class="form-label">
+                  {{ 'contact.form.phone' | t }}
+                </label>
+                <input
+                  type="tel"
+                  id="ContactForm-phone"
+                  name="contact[{{ 'contact.form.phone' | t }}]"
+                  class="form-input"
+                  autocomplete="tel"
+                >
+              </div>
+            {%- endif -%}
+
+            {%- if section.settings.show_subject -%}
+              <div class="form-group">
+                <label for="ContactForm-subject" class="form-label">
+                  {{ 'contact.form.subject' | t }}
+                </label>
+                <input
+                  type="text"
+                  id="ContactForm-subject"
+                  name="contact[{{ 'contact.form.subject' | t }}]"
+                  class="form-input"
+                >
+              </div>
+            {%- endif -%}
+
+            <div class="form-group">
+              <label for="ContactForm-message" class="form-label">
+                {{ 'contact.form.message' | t }}
+                <span aria-hidden="true">*</span>
+              </label>
+              <textarea
+                id="ContactForm-message"
+                name="contact[{{ 'contact.form.message' | t }}]"
+                class="form-input form-textarea"
+                rows="6"
+                required
+              ></textarea>
+            </div>
+          </div>
+
+          <div class="contact-form__submit">
+            <button type="submit" class="btn btn--primary{% if section.settings.full_width_button %} btn--full{% endif %}">
+              {{ 'contact.form.submit' | t }}
+            </button>
+          </div>
+        {%- endif -%}
+      {%- endform -%}
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.contact_form.name",
+  "tag": "section",
+  "class": "section-contact-form",
+  "settings": [
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "t:labels.heading",
+      "default": "Contact us"
+    },
+    {
+      "type": "select",
+      "id": "heading_size",
+      "label": "t:labels.heading_size",
+      "options": [
+        { "value": "h3", "label": "t:options.heading_size.small" },
+        { "value": "h2", "label": "t:options.heading_size.medium" },
+        { "value": "h1", "label": "t:options.heading_size.large" }
+      ],
+      "default": "h2"
+    },
+    {
+      "type": "richtext",
+      "id": "text",
+      "label": "t:labels.text",
+      "default": "<p>Have a question? We'd love to hear from you.</p>"
+    },
+    {
+      "type": "select",
+      "id": "text_alignment",
+      "label": "t:labels.text_alignment",
+      "options": [
+        { "value": "left", "label": "t:options.alignment.left" },
+        { "value": "center", "label": "t:options.alignment.center" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "checkbox",
+      "id": "narrow_container",
+      "label": "t:sections.contact_form.settings.narrow_container.label",
+      "default": true
+    },
+    {
+      "type": "header",
+      "content": "t:sections.contact_form.settings.header_form_fields.content"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_phone",
+      "label": "t:sections.contact_form.settings.show_phone.label",
+      "default": false
+    },
+    {
+      "type": "checkbox",
+      "id": "show_subject",
+      "label": "t:sections.contact_form.settings.show_subject.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "full_width_button",
+      "label": "t:sections.contact_form.settings.full_width_button.label",
+      "default": false
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "default": "scheme_1"
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.contact_form.name"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/custom-liquid.liquid b/sections/custom-liquid.liquid
new file mode 100644
index 00000000..51608bae
--- /dev/null
+++ b/sections/custom-liquid.liquid
@@ -0,0 +1,37 @@
+{% comment %}
+  Custom Liquid Section - Influence Theme (REQUIRED FOR THEME STORE)
+  Allows merchants to add custom Liquid code to any page
+{% endcomment %}
+
+<section class="custom-liquid section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  {%- if section.settings.custom_liquid != blank -%}
+    {{ section.settings.custom_liquid }}
+  {%- endif -%}
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.custom_liquid.name",
+  "class": "section-custom-liquid",
+  "tag": "section",
+  "settings": [
+    {
+      "type": "liquid",
+      "id": "custom_liquid",
+      "label": "t:sections.custom_liquid.settings.liquid.label",
+      "info": "Add app snippets or other Liquid code to create advanced customizations."
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "default": "scheme_1"
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.custom_liquid.name"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/faq.liquid b/sections/faq.liquid
new file mode 100644
index 00000000..946bee1e
--- /dev/null
+++ b/sections/faq.liquid
@@ -0,0 +1,143 @@
+{% comment %}
+  FAQ Section - Influence Theme
+  Displays frequently asked questions in accordion format
+{% endcomment %}
+
+<section class="faq section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container{% if section.settings.narrow_container %} container--narrow{% endif %}">
+    {%- if section.settings.heading != blank or section.settings.text != blank -%}
+      <div class="faq__header text-{{ section.settings.text_alignment }}">
+        {%- if section.settings.heading != blank -%}
+          <h2 class="faq__heading {{ section.settings.heading_size }}">
+            {{ section.settings.heading }}
+          </h2>
+        {%- endif -%}
+        {%- if section.settings.text != blank -%}
+          <div class="faq__text rte">
+            {{ section.settings.text }}
+          </div>
+        {%- endif -%}
+      </div>
+    {%- endif -%}
+
+    {%- if section.blocks.size > 0 -%}
+      <div class="faq__list">
+        {%- for block in section.blocks -%}
+          <details class="faq__item" {{ block.shopify_attributes }}>
+            <summary class="faq__question">
+              <span class="faq__question-text">{{ block.settings.question }}</span>
+              <span class="faq__icon">
+                {% render 'icon', icon: 'plus', size: 'sm' %}
+              </span>
+            </summary>
+            <div class="faq__answer rte">
+              {{ block.settings.answer }}
+            </div>
+          </details>
+        {%- endfor -%}
+      </div>
+    {%- endif -%}
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.faq.name",
+  "tag": "section",
+  "class": "section-faq",
+  "settings": [
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "t:labels.heading",
+      "default": "Frequently asked questions"
+    },
+    {
+      "type": "select",
+      "id": "heading_size",
+      "label": "t:labels.heading_size",
+      "options": [
+        { "value": "h3", "label": "t:options.heading_size.small" },
+        { "value": "h2", "label": "t:options.heading_size.medium" },
+        { "value": "h1", "label": "t:options.heading_size.large" }
+      ],
+      "default": "h2"
+    },
+    {
+      "type": "richtext",
+      "id": "text",
+      "label": "t:labels.text"
+    },
+    {
+      "type": "select",
+      "id": "text_alignment",
+      "label": "t:labels.text_alignment",
+      "options": [
+        { "value": "left", "label": "t:options.alignment.left" },
+        { "value": "center", "label": "t:options.alignment.center" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "checkbox",
+      "id": "narrow_container",
+      "label": "t:sections.faq.settings.narrow_container.label",
+      "default": true
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "default": "scheme_1"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "question",
+      "name": "t:blocks.question.name",
+      "settings": [
+        {
+          "type": "text",
+          "id": "question",
+          "label": "t:blocks.question.settings.question.label",
+          "default": "What is your shipping policy?"
+        },
+        {
+          "type": "richtext",
+          "id": "answer",
+          "label": "t:blocks.question.settings.answer.label",
+          "default": "<p>We offer free standard shipping on all orders over $100. Orders are typically processed within 1-2 business days and delivered within 5-7 business days.</p>"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.faq.name",
+      "blocks": [
+        {
+          "type": "question",
+          "settings": {
+            "question": "What is your shipping policy?",
+            "answer": "<p>We offer free standard shipping on all orders over $100. Orders are typically processed within 1-2 business days and delivered within 5-7 business days.</p>"
+          }
+        },
+        {
+          "type": "question",
+          "settings": {
+            "question": "What is your return policy?",
+            "answer": "<p>We accept returns within 30 days of purchase. Items must be unworn, unwashed, and in their original packaging with all tags attached.</p>"
+          }
+        },
+        {
+          "type": "question",
+          "settings": {
+            "question": "How can I track my order?",
+            "answer": "<p>Once your order ships, you'll receive an email with tracking information. You can also track your order by logging into your account.</p>"
+          }
+        }
+      ]
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/featured-collection.liquid b/sections/featured-collection.liquid
new file mode 100644
index 00000000..4e40051d
--- /dev/null
+++ b/sections/featured-collection.liquid
@@ -0,0 +1,172 @@
+{% comment %}
+  Featured Collection Section - Influence Theme
+  Displays products from a selected collection with editorial styling
+{% endcomment %}
+
+{%- liquid
+  assign collection = collections[section.settings.collection]
+  assign products_to_show = section.settings.products_to_show
+  assign columns = section.settings.columns_desktop
+-%}
+
+<section class="featured-collection section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="featured-collection__header">
+    {%- if section.settings.subheading != blank -%}
+      <p class="featured-collection__subheading subheading">{{ section.settings.subheading }}</p>
+    {%- endif -%}
+
+    {%- if section.settings.heading != blank -%}
+      <h2 class="featured-collection__heading h2">{{ section.settings.heading }}</h2>
+    {%- endif -%}
+
+    {%- if section.settings.show_view_all and collection != blank -%}
+      <a href="{{ collection.url }}" class="featured-collection__view-all link">
+        {{ 'collection.view_all' | t }}
+        {% render 'icon', icon: 'arrow-right', size: 'sm' %}
+      </a>
+    {%- endif -%}
+  </div>
+
+  <div class="featured-collection__grid grid grid--{{ columns }}">
+    {%- if collection != blank -%}
+      {%- for product in collection.products limit: products_to_show -%}
+        {% render 'product-card', product: product %}
+      {%- endfor -%}
+    {%- else -%}
+      {%- for i in (1..products_to_show) -%}
+        <div class="product-card">
+          <div class="product-card__media aspect-portrait">
+            {{ 'product-' | append: i | placeholder_svg_tag: 'product-card__placeholder' }}
+          </div>
+          <div class="product-card__info">
+            <p class="product-card__vendor text-muted">Vendor</p>
+            <h3 class="product-card__title">Example Product {{ i }}</h3>
+            <p class="product-card__price">{{ 9999 | money }}</p>
+          </div>
+        </div>
+      {%- endfor -%}
+    {%- endif -%}
+  </div>
+
+  {%- if section.settings.show_view_all and collection != blank -%}
+    <div class="featured-collection__footer">
+      <a href="{{ collection.url }}" class="btn btn--secondary">
+        {{ 'collection.view_all' | t }}
+      </a>
+    </div>
+  {%- endif -%}
+</section>
+
+{% stylesheet %}
+  .featured-collection__header {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: var(--space-4);
+    margin-bottom: var(--space-8);
+  }
+
+  .featured-collection__subheading {
+    width: 100%;
+    margin-bottom: var(--space-2);
+  }
+
+  .featured-collection__heading {
+    flex: 1;
+  }
+
+  .featured-collection__view-all {
+    display: none;
+    align-items: center;
+    gap: var(--space-2);
+  }
+
+  @media (min-width: 750px) {
+    .featured-collection__view-all {
+      display: inline-flex;
+    }
+  }
+
+  .featured-collection__footer {
+    display: flex;
+    justify-content: center;
+    margin-top: var(--space-8);
+  }
+
+  @media (min-width: 750px) {
+    .featured-collection__footer {
+      display: none;
+    }
+  }
+
+  .product-card__placeholder {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    background-color: var(--color-muted);
+  }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.featured_collection.name",
+  "class": "section-featured-collection",
+  "tag": "section",
+  "settings": [
+    {
+      "type": "text",
+      "id": "subheading",
+      "label": "t:labels.subheading"
+    },
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "t:sections.featured_collection.settings.heading.label",
+      "default": "Featured Collection"
+    },
+    {
+      "type": "collection",
+      "id": "collection",
+      "label": "t:sections.featured_collection.settings.collection.label"
+    },
+    {
+      "type": "range",
+      "id": "products_to_show",
+      "min": 2,
+      "max": 12,
+      "step": 1,
+      "label": "t:sections.featured_collection.settings.products_to_show.label",
+      "default": 4
+    },
+    {
+      "type": "select",
+      "id": "columns_desktop",
+      "label": "t:sections.featured_collection.settings.columns_desktop.label",
+      "options": [
+        { "value": "2", "label": "2" },
+        { "value": "3", "label": "3" },
+        { "value": "4", "label": "4" }
+      ],
+      "default": "4"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_view_all",
+      "label": "t:sections.featured_collection.settings.show_view_all.label",
+      "default": true
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "default": "scheme_1"
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.featured_collection.name"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/footer-group.json b/sections/footer-group.json
index 6560feb3..57003668 100644
--- a/sections/footer-group.json
+++ b/sections/footer-group.json
@@ -1,25 +1,41 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "type": "footer",
   "name": "t:general.footer",
   "sections": {
     "footer": {
       "type": "footer",
+      "blocks": {
+        "menu-1": {
+          "type": "menu",
+          "settings": {
+            "heading": "Shop",
+            "menu": "main-menu"
+          }
+        },
+        "menu-2": {
+          "type": "menu",
+          "settings": {
+            "heading": "Help",
+            "menu": "footer"
+          }
+        },
+        "newsletter": {
+          "type": "newsletter",
+          "settings": {
+            "heading": "Newsletter",
+            "text": "Subscribe to receive updates and exclusive offers."
+          }
+        }
+      },
+      "block_order": ["menu-1", "menu-2", "newsletter"],
       "settings": {
-        "menu": "",
-        "show_payment_icons": true
+        "color_scheme": "scheme-1",
+        "show_social": true,
+        "show_payment_icons": true,
+        "show_country_selector": true,
+        "show_language_selector": true
       }
     }
   },
-  "order": [
-    "footer"
-  ]
+  "order": ["footer"]
 }
diff --git a/sections/footer.liquid b/sections/footer.liquid
index 66e6f097..628ffdb2 100644
--- a/sections/footer.liquid
+++ b/sections/footer.liquid
@@ -1,57 +1,659 @@
-<footer>
-  <div class="footer__copyright">
-    &copy;
-    {{ 'now' | date: '%Y' }}
-    {{ shop.name | link_to: routes.root_url }}, {{ powered_by_link }}
-  </div>
+{% comment %}
+  Footer Section - Influence Theme
+  Premium Features:
+  - Mobile accordion collapse
+  - Multiple block types (menu, text, newsletter, image, contact, brand)
+  - Follow on Shop button
+  - Back to top button
+  - Layout options
+  - Social links, payment icons, localization
+{% endcomment %}
 
-  <div class="footer__links">
-    {% for link in section.settings.menu.links %}
-      {{ link.title | link_to: link.url }}
-    {% endfor %}
-  </div>
+{%- liquid
+  assign enable_accordion = section.settings.enable_accordion_mobile
+  assign layout = section.settings.layout | default: 'auto'
+  assign show_back_to_top = section.settings.show_back_to_top
+-%}
+
+<footer class="footer section {% render 'color-scheme', scheme: section.settings.color_scheme %}" data-footer>
+  <div class="container">
+    {%- if section.blocks.size > 0 -%}
+      <div class="footer__main footer__main--{{ layout }}">
+        {%- for block in section.blocks -%}
+          {%- case block.type -%}
+            {%- when 'menu' -%}
+              <div class="footer__column" {{ block.shopify_attributes }}>
+                {%- if enable_accordion -%}
+                  <details class="footer__accordion hide-desktop">
+                    <summary class="footer__heading footer__heading--accordion">
+                      {{ block.settings.heading }}
+                      {% render 'icon', icon: 'chevron-down', size: 'sm' %}
+                    </summary>
+                    <div class="footer__accordion-content">
+                      {%- if block.settings.menu != blank -%}
+                        <ul class="footer__links">
+                          {%- for link in block.settings.menu.links -%}
+                            <li>
+                              <a href="{{ link.url }}" class="footer__link">{{ link.title }}</a>
+                            </li>
+                          {%- endfor -%}
+                        </ul>
+                      {%- endif -%}
+                    </div>
+                  </details>
+                  <div class="hide-mobile hide-tablet">
+                    {%- if block.settings.heading != blank -%}
+                      <h3 class="footer__heading">{{ block.settings.heading }}</h3>
+                    {%- endif -%}
+                    {%- if block.settings.menu != blank -%}
+                      <ul class="footer__links">
+                        {%- for link in block.settings.menu.links -%}
+                          <li>
+                            <a href="{{ link.url }}" class="footer__link">{{ link.title }}</a>
+                          </li>
+                        {%- endfor -%}
+                      </ul>
+                    {%- endif -%}
+                  </div>
+                {%- else -%}
+                  {%- if block.settings.heading != blank -%}
+                    <h3 class="footer__heading">{{ block.settings.heading }}</h3>
+                  {%- endif -%}
+                  {%- if block.settings.menu != blank -%}
+                    <ul class="footer__links">
+                      {%- for link in block.settings.menu.links -%}
+                        <li>
+                          <a href="{{ link.url }}" class="footer__link">{{ link.title }}</a>
+                        </li>
+                      {%- endfor -%}
+                    </ul>
+                  {%- endif -%}
+                {%- endif -%}
+              </div>
+
+            {%- when 'text' -%}
+              <div class="footer__column footer__column--text" {{ block.shopify_attributes }}>
+                {%- if enable_accordion and block.settings.heading != blank -%}
+                  <details class="footer__accordion hide-desktop">
+                    <summary class="footer__heading footer__heading--accordion">
+                      {{ block.settings.heading }}
+                      {% render 'icon', icon: 'chevron-down', size: 'sm' %}
+                    </summary>
+                    <div class="footer__accordion-content">
+                      {%- if block.settings.text != blank -%}
+                        <div class="footer__text rte">{{ block.settings.text }}</div>
+                      {%- endif -%}
+                    </div>
+                  </details>
+                  <div class="hide-mobile hide-tablet">
+                    <h3 class="footer__heading">{{ block.settings.heading }}</h3>
+                    {%- if block.settings.text != blank -%}
+                      <div class="footer__text rte">{{ block.settings.text }}</div>
+                    {%- endif -%}
+                  </div>
+                {%- else -%}
+                  {%- if block.settings.heading != blank -%}
+                    <h3 class="footer__heading">{{ block.settings.heading }}</h3>
+                  {%- endif -%}
+                  {%- if block.settings.text != blank -%}
+                    <div class="footer__text rte">{{ block.settings.text }}</div>
+                  {%- endif -%}
+                {%- endif -%}
+              </div>
+
+            {%- when 'newsletter' -%}
+              <div class="footer__column footer__column--newsletter" {{ block.shopify_attributes }}>
+                {%- if block.settings.heading != blank -%}
+                  <h3 class="footer__heading">{{ block.settings.heading }}</h3>
+                {%- endif -%}
+
+                {%- if block.settings.text != blank -%}
+                  <p class="footer__newsletter-text">{{ block.settings.text }}</p>
+                {%- endif -%}
+
+                {%- form 'customer', class: 'footer__newsletter-form' -%}
+                  <input type="hidden" name="contact[tags]" value="newsletter">
+                  <div class="footer__newsletter-field">
+                    <label for="footer-newsletter-email" class="visually-hidden">
+                      {{ 'newsletter.email_placeholder' | t }}
+                    </label>
+                    <input
+                      type="email"
+                      name="contact[email]"
+                      id="footer-newsletter-email"
+                      class="form-input footer__newsletter-input"
+                      placeholder="{{ 'newsletter.email_placeholder' | t }}"
+                      required
+                      autocomplete="email"
+                      autocorrect="off"
+                      autocapitalize="off"
+                    >
+                    <button type="submit" class="btn btn--primary footer__newsletter-btn">
+                      {{ 'newsletter.subscribe' | t }}
+                    </button>
+                  </div>
+                  {%- if form.posted_successfully? -%}
+                    <p class="footer__newsletter-success" role="status">
+                      {{ 'newsletter.success' | t }}
+                    </p>
+                  {%- endif -%}
+                  {%- if form.errors -%}
+                    <p class="footer__newsletter-error form-error" role="alert">
+                      {{ form.errors.translated_fields.email | capitalize }}
+                      {{ form.errors.messages.email }}
+                    </p>
+                  {%- endif -%}
+                {%- endform -%}
+              </div>
+
+            {%- when 'image' -%}
+              <div class="footer__column footer__column--image" {{ block.shopify_attributes }}>
+                {%- if block.settings.image != blank -%}
+                  {%- assign image_width = block.settings.image_width | default: 150 -%}
+                  <a href="{{ block.settings.link | default: routes.root_url }}" class="footer__image-link">
+                    {{
+                      block.settings.image
+                      | image_url: width: image_width
+                      | image_tag:
+                        loading: 'lazy',
+                        width: image_width,
+                        class: 'footer__image'
+                    }}
+                  </a>
+                {%- endif -%}
+              </div>
+
+            {%- when 'contact' -%}
+              <div class="footer__column footer__column--contact" {{ block.shopify_attributes }}>
+                {%- if enable_accordion and block.settings.heading != blank -%}
+                  <details class="footer__accordion hide-desktop">
+                    <summary class="footer__heading footer__heading--accordion">
+                      {{ block.settings.heading }}
+                      {% render 'icon', icon: 'chevron-down', size: 'sm' %}
+                    </summary>
+                    <div class="footer__accordion-content">
+                      {% render 'footer-contact-content', block: block %}
+                    </div>
+                  </details>
+                  <div class="hide-mobile hide-tablet">
+                    <h3 class="footer__heading">{{ block.settings.heading }}</h3>
+                    {% render 'footer-contact-content', block: block %}
+                  </div>
+                {%- else -%}
+                  {%- if block.settings.heading != blank -%}
+                    <h3 class="footer__heading">{{ block.settings.heading }}</h3>
+                  {%- endif -%}
+                  {% render 'footer-contact-content', block: block %}
+                {%- endif -%}
+              </div>
+
+            {%- when 'brand' -%}
+              <div class="footer__column footer__column--brand" {{ block.shopify_attributes }}>
+                {%- if block.settings.show_logo -%}
+                  <a href="{{ routes.root_url }}" class="footer__brand-logo">
+                    {%- if settings.logo != blank -%}
+                      {{
+                        settings.logo
+                        | image_url: width: 150
+                        | image_tag:
+                          loading: 'lazy',
+                          class: 'footer__brand-logo-image',
+                          alt: settings.logo.alt | default: shop.name
+                      }}
+                    {%- else -%}
+                      <span class="footer__brand-logo-text h4">{{ shop.name }}</span>
+                    {%- endif -%}
+                  </a>
+                {%- endif -%}
 
-  <div class="footer__payment">
-    {% if section.settings.show_payment_icons %}
-      {% for type in shop.enabled_payment_types %}
-        {{ type | payment_type_svg_tag }}
-      {% endfor %}
-    {% endif %}
+                {%- if block.settings.description != blank -%}
+                  <div class="footer__brand-description rte">
+                    {{ block.settings.description }}
+                  </div>
+                {%- endif -%}
+
+                {%- if block.settings.show_social -%}
+                  {% render 'social-icons', class: 'footer__brand-social' %}
+                {%- endif -%}
+
+                {%- if block.settings.show_follow_on_shop -%}
+                  {% render 'follow-on-shop', class: 'footer__follow-shop' %}
+                {%- endif -%}
+              </div>
+          {%- endcase -%}
+        {%- endfor -%}
+      </div>
+    {%- endif -%}
+
+    {%- comment -%} Social Links (legacy placement) {%- endcomment -%}
+    {%- if section.settings.show_social -%}
+      <div class="footer__social">
+        {% render 'social-icons', class: 'footer__social-list' %}
+      </div>
+    {%- endif -%}
+
+    {%- comment -%} Follow on Shop (section level) {%- endcomment -%}
+    {%- if section.settings.show_follow_on_shop -%}
+      <div class="footer__follow-on-shop">
+        {% render 'follow-on-shop' %}
+      </div>
+    {%- endif -%}
+
+    {%- comment -%} Footer Bottom {%- endcomment -%}
+    <div class="footer__bottom">
+      <div class="footer__bottom-left">
+        {%- comment -%} Country/Language Selectors {%- endcomment -%}
+        {%- if section.settings.show_country_selector or section.settings.show_language_selector -%}
+          <div class="footer__localization">
+            {%- form 'localization', class: 'localization-form' -%}
+              {%- if section.settings.show_country_selector and localization.available_countries.size > 1 -%}
+                <div class="localization-selector" data-localization-selector>
+                  <button
+                    type="button"
+                    class="localization-selector__button"
+                    aria-expanded="false"
+                    aria-controls="country-selector"
+                  >
+                    {{ localization.country.name }} ({{ localization.country.currency.iso_code }} {{ localization.country.currency.symbol }})
+                    {% render 'icon', icon: 'chevron-up', size: 'sm' %}
+                  </button>
+                  <div id="country-selector" class="localization-selector__dropdown">
+                    {%- for country in localization.available_countries -%}
+                      <button
+                        type="submit"
+                        name="country_code"
+                        value="{{ country.iso_code }}"
+                        class="localization-selector__option{% if country.iso_code == localization.country.iso_code %} is-selected{% endif %}"
+                      >
+                        {{ country.name }} ({{ country.currency.iso_code }} {{ country.currency.symbol }})
+                      </button>
+                    {%- endfor -%}
+                  </div>
+                </div>
+              {%- endif -%}
+
+              {%- if section.settings.show_language_selector and localization.available_languages.size > 1 -%}
+                <div class="localization-selector" data-localization-selector>
+                  <button
+                    type="button"
+                    class="localization-selector__button"
+                    aria-expanded="false"
+                    aria-controls="language-selector"
+                  >
+                    {{ localization.language.endonym_name | capitalize }}
+                    {% render 'icon', icon: 'chevron-up', size: 'sm' %}
+                  </button>
+                  <div id="language-selector" class="localization-selector__dropdown">
+                    {%- for language in localization.available_languages -%}
+                      <button
+                        type="submit"
+                        name="locale_code"
+                        value="{{ language.iso_code }}"
+                        class="localization-selector__option{% if language.iso_code == localization.language.iso_code %} is-selected{% endif %}"
+                      >
+                        {{ language.endonym_name | capitalize }}
+                      </button>
+                    {%- endfor -%}
+                  </div>
+                </div>
+              {%- endif -%}
+            {%- endform -%}
+          </div>
+        {%- endif -%}
+
+        {%- comment -%} Copyright {%- endcomment -%}
+        <div class="footer__copyright">
+          <span>&copy; {{ 'now' | date: '%Y' }} {{ shop.name }}</span>
+          <span>{{ powered_by_link }}</span>
+        </div>
+      </div>
+
+      {%- comment -%} Payment Icons {%- endcomment -%}
+      {%- if section.settings.show_payment_icons -%}
+        <div class="footer__payment-icons">
+          {%- for type in shop.enabled_payment_types -%}
+            {{ type | payment_type_svg_tag: class: 'footer__payment-icon' }}
+          {%- endfor -%}
+        </div>
+      {%- endif -%}
+    </div>
   </div>
 </footer>
 
-{% stylesheet %}
-  footer {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 2rem;
-  }
-  footer a {
-    text-decoration: none;
-    color: var(--color-foreground);
-  }
-  footer .footer__links,
-  footer .footer__payment {
-    display: flex;
-    gap: 1rem;
+{%- comment -%} Back to Top Button {%- endcomment -%}
+{%- if show_back_to_top -%}
+  <button
+    type="button"
+    class="back-to-top"
+    aria-label="{{ 'accessibility.back_to_top' | t }}"
+    data-back-to-top
+    hidden
+  >
+    {% render 'icon', icon: 'chevron-up' %}
+  </button>
+{%- endif -%}
+
+<script>
+  // Localization selector toggle
+  document.querySelectorAll('[data-localization-selector]').forEach(selector => {
+    const button = selector.querySelector('button');
+
+    button.addEventListener('click', () => {
+      const isOpen = selector.classList.contains('is-open');
+      document.querySelectorAll('[data-localization-selector]').forEach(s => {
+        s.classList.remove('is-open');
+        s.querySelector('button').setAttribute('aria-expanded', 'false');
+      });
+      if (!isOpen) {
+        selector.classList.add('is-open');
+        button.setAttribute('aria-expanded', 'true');
+      }
+    });
+
+    document.addEventListener('click', (e) => {
+      if (!selector.contains(e.target)) {
+        selector.classList.remove('is-open');
+        button.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+
+  // Back to top button
+  const backToTopBtn = document.querySelector('[data-back-to-top]');
+  if (backToTopBtn) {
+    const showThreshold = 400;
+
+    function toggleBackToTop() {
+      if (window.scrollY > showThreshold) {
+        backToTopBtn.hidden = false;
+        backToTopBtn.classList.add('is-visible');
+      } else {
+        backToTopBtn.classList.remove('is-visible');
+        setTimeout(() => {
+          if (!backToTopBtn.classList.contains('is-visible')) {
+            backToTopBtn.hidden = true;
+          }
+        }, 300);
+      }
+    }
+
+    window.addEventListener('scroll', toggleBackToTop, { passive: true });
+
+    backToTopBtn.addEventListener('click', () => {
+      window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
   }
-{% endstylesheet %}
+</script>
 
 {% schema %}
 {
-  "name": "t:general.footer",
+  "name": "t:sections.footer.name",
+  "class": "section-footer",
   "settings": [
     {
-      "type": "link_list",
-      "id": "menu",
-      "label": "t:labels.menu"
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "default": "scheme_1"
+    },
+    {
+      "type": "select",
+      "id": "layout",
+      "label": "t:sections.footer.settings.layout.label",
+      "options": [
+        {
+          "value": "auto",
+          "label": "t:sections.footer.settings.layout.options.auto"
+        },
+        {
+          "value": "equal",
+          "label": "t:sections.footer.settings.layout.options.equal"
+        },
+        {
+          "value": "first-wide",
+          "label": "t:sections.footer.settings.layout.options.first_wide"
+        },
+        {
+          "value": "last-wide",
+          "label": "t:sections.footer.settings.layout.options.last_wide"
+        }
+      ],
+      "default": "auto"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_accordion_mobile",
+      "label": "t:sections.footer.settings.accordion.label",
+      "info": "t:sections.footer.settings.accordion.info",
+      "default": true
+    },
+    {
+      "type": "header",
+      "content": "t:sections.footer.settings.social.header"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_social",
+      "label": "t:sections.footer.settings.show_social.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_follow_on_shop",
+      "label": "t:sections.footer.settings.follow_on_shop.label",
+      "default": true
+    },
+    {
+      "type": "header",
+      "content": "t:sections.footer.settings.localization.header"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_country_selector",
+      "label": "t:sections.footer.settings.show_country_selector.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_language_selector",
+      "label": "t:sections.footer.settings.show_language_selector.label",
+      "default": true
+    },
+    {
+      "type": "header",
+      "content": "t:sections.footer.settings.bottom.header"
     },
     {
       "type": "checkbox",
       "id": "show_payment_icons",
-      "label": "t:labels.show_payment_icons",
+      "label": "t:sections.footer.settings.show_payment_icons.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_back_to_top",
+      "label": "t:sections.footer.settings.back_to_top.label",
       "default": true
     }
-  ]
+  ],
+  "blocks": [
+    {
+      "type": "menu",
+      "name": "t:sections.footer.blocks.menu.name",
+      "settings": [
+        {
+          "type": "text",
+          "id": "heading",
+          "label": "t:sections.footer.blocks.menu.settings.heading.label",
+          "default": "Quick links"
+        },
+        {
+          "type": "link_list",
+          "id": "menu",
+          "label": "t:sections.footer.blocks.menu.settings.menu.label",
+          "default": "footer"
+        }
+      ]
+    },
+    {
+      "type": "text",
+      "name": "t:sections.footer.blocks.text.name",
+      "settings": [
+        {
+          "type": "text",
+          "id": "heading",
+          "label": "t:sections.footer.blocks.text.settings.heading.label",
+          "default": "About us"
+        },
+        {
+          "type": "richtext",
+          "id": "text",
+          "label": "t:sections.footer.blocks.text.settings.text.label",
+          "default": "<p>Share information about your brand with your customers.</p>"
+        }
+      ]
+    },
+    {
+      "type": "newsletter",
+      "name": "t:sections.footer.blocks.newsletter.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "heading",
+          "label": "t:sections.footer.blocks.newsletter.settings.heading.label",
+          "default": "Newsletter"
+        },
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:sections.footer.blocks.newsletter.settings.text.label",
+          "default": "Subscribe to receive updates, access to exclusive deals, and more."
+        }
+      ]
+    },
+    {
+      "type": "image",
+      "name": "t:sections.footer.blocks.image.name",
+      "settings": [
+        {
+          "type": "image_picker",
+          "id": "image",
+          "label": "t:sections.footer.blocks.image.settings.image.label"
+        },
+        {
+          "type": "url",
+          "id": "link",
+          "label": "t:sections.footer.blocks.image.settings.link.label"
+        },
+        {
+          "type": "range",
+          "id": "image_width",
+          "min": 50,
+          "max": 200,
+          "step": 10,
+          "unit": "px",
+          "default": 150,
+          "label": "t:sections.footer.blocks.image.settings.width.label"
+        }
+      ]
+    },
+    {
+      "type": "contact",
+      "name": "t:sections.footer.blocks.contact.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "heading",
+          "label": "t:sections.footer.blocks.contact.settings.heading.label",
+          "default": "Contact us"
+        },
+        {
+          "type": "text",
+          "id": "phone",
+          "label": "t:sections.footer.blocks.contact.settings.phone.label"
+        },
+        {
+          "type": "text",
+          "id": "email",
+          "label": "t:sections.footer.blocks.contact.settings.email.label"
+        },
+        {
+          "type": "textarea",
+          "id": "address",
+          "label": "t:sections.footer.blocks.contact.settings.address.label"
+        },
+        {
+          "type": "text",
+          "id": "hours",
+          "label": "t:sections.footer.blocks.contact.settings.hours.label"
+        }
+      ]
+    },
+    {
+      "type": "brand",
+      "name": "t:sections.footer.blocks.brand.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "checkbox",
+          "id": "show_logo",
+          "label": "t:sections.footer.blocks.brand.settings.logo.label",
+          "default": true
+        },
+        {
+          "type": "richtext",
+          "id": "description",
+          "label": "t:sections.footer.blocks.brand.settings.description.label"
+        },
+        {
+          "type": "checkbox",
+          "id": "show_social",
+          "label": "t:sections.footer.blocks.brand.settings.social.label",
+          "default": true
+        },
+        {
+          "type": "checkbox",
+          "id": "show_follow_on_shop",
+          "label": "t:sections.footer.settings.follow_on_shop.label",
+          "default": false
+        }
+      ]
+    }
+  ],
+  "max_blocks": 6,
+  "default": {
+    "blocks": [
+      {
+        "type": "brand",
+        "settings": {
+          "show_logo": true,
+          "show_social": true
+        }
+      },
+      {
+        "type": "menu",
+        "settings": {
+          "heading": "Shop",
+          "menu": "main-menu"
+        }
+      },
+      {
+        "type": "menu",
+        "settings": {
+          "heading": "Help",
+          "menu": "footer"
+        }
+      },
+      {
+        "type": "newsletter",
+        "settings": {
+          "heading": "Newsletter",
+          "text": "Subscribe to receive updates and exclusive offers."
+        }
+      }
+    ]
+  }
 }
 {% endschema %}
diff --git a/sections/header-group.json b/sections/header-group.json
index 25ed9071..30ce308a 100644
--- a/sections/header-group.json
+++ b/sections/header-group.json
@@ -1,22 +1,31 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "type": "header",
   "name": "t:general.header",
   "sections": {
+    "announcement-bar": {
+      "type": "announcement-bar",
+      "blocks": {
+        "announcement-1": {
+          "type": "announcement",
+          "settings": {
+            "text": "Free shipping on orders over $100"
+          }
+        }
+      },
+      "block_order": ["announcement-1"],
+      "settings": {
+        "color_scheme": "scheme-2"
+      }
+    },
     "header": {
       "type": "header",
-      "settings": {}
+      "settings": {
+        "menu": "main-menu",
+        "enable_sticky": true,
+        "show_search": true,
+        "show_account": true
+      }
     }
   },
-  "order": [
-    "header"
-  ],
+  "order": ["announcement-bar", "header"]
 }
diff --git a/sections/header.liquid b/sections/header.liquid
index f5d3f3c3..942b3c30 100644
--- a/sections/header.liquid
+++ b/sections/header.liquid
@@ -1,65 +1,671 @@
-<header>
-  <h2 class="header__title">
-    {{ shop.name | link_to: routes.root_url }}
-  </h2>
-
-  <div class="header__menu">
-    {% for link in section.settings.menu.links %}
-      {{ link.title | link_to: link.url }}
-    {% endfor %}
-  </div>
+{% comment %}
+  Header Section - Influence Theme
+  Premium Features:
+  - Smart sticky header (always, hide-on-scroll, reduce-on-scroll)
+  - Transparent mode for hero overlays
+  - Enhanced mega menu with featured images
+  - Predictive search
+  - Mobile drawer with search, social, promos
+  - Icon customization
+  - Utility navigation
+{% endcomment %}
+
+{%- liquid
+  assign logo_width = section.settings.logo_width | default: 120
+  assign sticky_behavior = section.settings.sticky_behavior | default: 'always'
+  assign transparent_header = section.settings.enable_transparent
+  assign is_homepage = false
+  if template.name == 'index'
+    assign is_homepage = true
+  endif
+  assign enable_transparent = false
+  if transparent_header and is_homepage
+    assign enable_transparent = true
+  endif
+  assign cart_badge_style = section.settings.cart_badge_style | default: 'number'
+-%}
+
+<header
+  class="header{% if sticky_behavior != 'none' %} header--sticky{% endif %}{% if sticky_behavior == 'reduce' %} header--reduce-enabled{% endif %}{% if enable_transparent %} header--transparent{% endif %}"
+  data-header
+  data-sticky-behavior="{{ sticky_behavior }}"
+  data-transparent-home="{{ enable_transparent }}"
+>
+  {%- comment -%} Utility Navigation (optional) {%- endcomment -%}
+  {%- if section.settings.show_utility_nav and section.settings.utility_menu != blank -%}
+    <div class="header__utility color-scheme-2">
+      <div class="container">
+        <nav class="header__utility-nav" aria-label="{{ 'accessibility.utility_navigation' | t }}">
+          <ul class="header__utility-list">
+            {%- for link in section.settings.utility_menu.links -%}
+              <li>
+                <a href="{{ link.url }}" class="header__utility-link">{{ link.title }}</a>
+              </li>
+            {%- endfor -%}
+          </ul>
+        </nav>
+        {%- comment -%} Localization in utility bar {%- endcomment -%}
+        {%- if section.settings.show_locale_utility -%}
+          <div class="header__utility-locale">
+            {% render 'header-localization' %}
+          </div>
+        {%- endif -%}
+      </div>
+    </div>
+  {%- endif -%}
+
+  <div class="header__main">
+    <div class="header__inner container{% if section.settings.logo_position == 'center' %} header__inner--logo-center{% endif %}">
+      {%- comment -%} Mobile menu button {%- endcomment -%}
+      <button
+        type="button"
+        class="header__icon-btn header__menu-toggle hide-desktop"
+        aria-label="{{ 'accessibility.open_menu' | t }}"
+        aria-expanded="false"
+        aria-controls="mobile-drawer"
+        data-drawer-toggle="mobile-drawer"
+      >
+        {% render 'icon', icon: 'menu' %}
+      </button>
+
+      {%- comment -%} Logo {%- endcomment -%}
+      <div class="header__logo{% if section.settings.logo_position == 'center' %} header__logo--center{% endif %}">
+        <a href="{{ routes.root_url }}" class="header__logo-link">
+          {%- if settings.logo != blank -%}
+            {%- assign logo_height = logo_width | divided_by: settings.logo.aspect_ratio -%}
+            {{
+              settings.logo
+              | image_url: width: logo_width
+              | image_tag:
+                width: logo_width,
+                height: logo_height,
+                alt: settings.logo.alt | default: shop.name,
+                loading: 'eager',
+                class: 'header__logo-image'
+            }}
+          {%- else -%}
+            <span class="header__logo-text h4">{{ shop.name }}</span>
+          {%- endif -%}
+        </a>
+      </div>
+
+      {%- comment -%} Desktop Navigation {%- endcomment -%}
+      <nav class="header__nav hide-mobile hide-tablet" aria-label="{{ 'accessibility.main_navigation' | t }}">
+        {%- for link in section.settings.menu.links -%}
+          {%- if link.links.size > 0 -%}
+            <div class="header__nav-item header__nav-item--has-dropdown" data-mega-menu-trigger>
+              <a
+                href="{{ link.url }}"
+                class="header__nav-link"
+                {% if link.current %}aria-current="page"{% endif %}
+                aria-expanded="false"
+                aria-controls="mega-menu-{{ forloop.index }}"
+              >
+                {{ link.title }}
+                {% render 'icon', icon: 'chevron-down', size: 'sm' %}
+              </a>
+
+              {%- comment -%} Enhanced Mega Menu {%- endcomment -%}
+              <div class="mega-menu" id="mega-menu-{{ forloop.index }}" data-mega-menu>
+                <div class="mega-menu__inner container">
+                  <div class="mega-menu__content">
+                    {%- for child_link in link.links -%}
+                      <div class="mega-menu__column">
+                        {%- if child_link.url != '#' -%}
+                          <a href="{{ child_link.url }}" class="mega-menu__heading">
+                            {{ child_link.title }}
+                          </a>
+                        {%- else -%}
+                          <span class="mega-menu__heading">{{ child_link.title }}</span>
+                        {%- endif -%}
+
+                        {%- if child_link.links.size > 0 -%}
+                          <ul class="mega-menu__links">
+                            {%- for grandchild_link in child_link.links -%}
+                              <li>
+                                <a href="{{ grandchild_link.url }}" class="mega-menu__link">
+                                  {{ grandchild_link.title }}
+                                </a>
+                              </li>
+                            {%- endfor -%}
+                          </ul>
+                        {%- endif -%}
+                      </div>
+                    {%- endfor -%}
+                  </div>
+
+                  {%- comment -%} Featured promo in mega menu {%- endcomment -%}
+                  {%- if section.settings.mega_menu_promo_image != blank -%}
+                    <div class="mega-menu__promo">
+                      <a href="{{ section.settings.mega_menu_promo_link | default: '#' }}" class="mega-menu__promo-link">
+                        <div class="mega-menu__promo-image">
+                          {{
+                            section.settings.mega_menu_promo_image
+                            | image_url: width: 400
+                            | image_tag:
+                              loading: 'lazy',
+                              class: 'mega-menu__promo-img'
+                          }}
+                        </div>
+                        {%- if section.settings.mega_menu_promo_text != blank -%}
+                          <span class="mega-menu__promo-text">{{ section.settings.mega_menu_promo_text }}</span>
+                        {%- endif -%}
+                      </a>
+                    </div>
+                  {%- endif -%}
+                </div>
+              </div>
+            </div>
+          {%- else -%}
+            <a
+              href="{{ link.url }}"
+              class="header__nav-link"
+              {% if link.current %}aria-current="page"{% endif %}
+            >
+              {{ link.title }}
+            </a>
+          {%- endif -%}
+        {%- endfor -%}
+      </nav>
 
-  <div class="header__icons">
-    {% if shop.customer_accounts_enabled %}
-      {{ 'icon-account.svg' | inline_asset_content | link_to: routes.account_url }}
-    {% endif %}
+      {%- comment -%} Header Icons (Search, Account, Cart) {%- endcomment -%}
+      <div class="header__icons">
+        {%- if section.settings.show_search -%}
+          <button
+            type="button"
+            class="header__icon-btn"
+            aria-label="{{ 'accessibility.search' | t }}"
+            aria-expanded="false"
+            aria-controls="header-search"
+            data-search-toggle
+          >
+            {% render 'icon', icon: 'search' %}
+          </button>
+        {%- endif -%}
 
-    <a href="{{ routes.cart_url }}">
-      {% if cart.item_count > 0 %}
-        <sup>{{ cart.item_count }}</sup>
-      {% endif %}
+        {%- if shop.customer_accounts_enabled and section.settings.show_account -%}
+          <a href="{{ routes.account_url }}" class="header__icon-btn hide-mobile" aria-label="{{ 'customer.account.title' | t }}">
+            {% render 'icon', icon: 'account' %}
+            <span class="visually-hidden">
+              {%- if customer -%}
+                {{ 'customer.account.title' | t }}
+              {%- else -%}
+                {{ 'customer.log_in' | t }}
+              {%- endif -%}
+            </span>
+          </a>
+        {%- endif -%}
 
-      {{ 'icon-cart.svg' | inline_asset_content }}
-    </a>
+        <a href="{{ routes.cart_url }}" class="header__icon-btn header__cart-btn" aria-label="{{ 'cart.title' | t }}" data-cart-toggle>
+          {% render 'icon', icon: 'cart' %}
+          <span class="visually-hidden">{{ 'cart.title' | t }}</span>
+          {%- case cart_badge_style -%}
+            {%- when 'number' -%}
+              <span class="header__cart-count{% if cart.item_count == 0 %} hidden{% endif %}" data-cart-count>{{ cart.item_count }}</span>
+            {%- when 'dot' -%}
+              <span class="header__cart-dot{% if cart.item_count == 0 %} hidden{% endif %}" data-cart-dot aria-hidden="true"></span>
+          {%- endcase -%}
+        </a>
+      </div>
+    </div>
+  </div>
+
+  {%- comment -%} Predictive Search (Hidden by default, shown via JS) {%- endcomment -%}
+  <div class="header__search" id="header-search" data-search-container hidden>
+    <div class="container">
+      {% render 'predictive-search' %}
+    </div>
   </div>
 </header>
 
-{% stylesheet %}
-  header {
-    height: 5rem;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-  header a {
-    position: relative;
-    text-decoration: none;
-    color: var(--color-foreground);
-  }
-  header a sup {
-    position: absolute;
-    left: 100%;
-    overflow: hidden;
-    max-width: var(--page-margin);
-  }
-  header svg {
-    width: 2rem;
-  }
-  header .header__menu,
-  header .header__icons {
-    display: flex;
-    gap: 1rem;
-  }
-{% endstylesheet %}
+{%- comment -%} Mobile Drawer {%- endcomment -%}
+<div class="drawer drawer--left" id="mobile-drawer" data-drawer="mobile-drawer" aria-hidden="true" aria-label="{{ 'accessibility.menu' | t }}">
+  <div class="drawer__header">
+    <span class="drawer__title h5">{{ 'accessibility.menu' | t }}</span>
+    <button
+      type="button"
+      class="drawer__close"
+      aria-label="{{ 'accessibility.close' | t }}"
+      data-drawer-close
+    >
+      {% render 'icon', icon: 'close' %}
+    </button>
+  </div>
+
+  {%- comment -%} Search in drawer {%- endcomment -%}
+  {%- if section.settings.show_search_in_drawer -%}
+    <div class="drawer__search">
+      <form action="{{ routes.search_url }}" method="get" role="search" class="drawer__search-form">
+        <label for="drawer-search" class="visually-hidden">{{ 'search.placeholder' | t }}</label>
+        {% render 'icon', icon: 'search', size: 'sm' %}
+        <input
+          type="search"
+          id="drawer-search"
+          name="q"
+          class="drawer__search-input form-input"
+          placeholder="{{ 'search.placeholder' | t }}"
+          autocomplete="off"
+        >
+        <input type="hidden" name="type" value="product,article,page">
+      </form>
+    </div>
+  {%- endif -%}
+
+  <nav class="drawer__content drawer__nav" aria-label="{{ 'accessibility.main_navigation' | t }}">
+    {%- for link in section.settings.menu.links -%}
+      {%- if link.links.size > 0 -%}
+        <details class="drawer__nav-details">
+          <summary class="drawer__nav-link">
+            {{ link.title }}
+            {% render 'icon', icon: 'chevron-down', size: 'sm' %}
+          </summary>
+          <div class="drawer__nav-submenu">
+            {%- if link.url != '#' -%}
+              <a href="{{ link.url }}" class="drawer__nav-sublink drawer__nav-sublink--parent">
+                {{ 'general.view_all' | t }}
+              </a>
+            {%- endif -%}
+            {%- for child_link in link.links -%}
+              <a href="{{ child_link.url }}" class="drawer__nav-sublink">
+                {{ child_link.title }}
+              </a>
+            {%- endfor -%}
+          </div>
+        </details>
+      {%- else -%}
+        <a href="{{ link.url }}" class="drawer__nav-link">
+          {{ link.title }}
+        </a>
+      {%- endif -%}
+    {%- endfor -%}
+  </nav>
+
+  <div class="drawer__footer">
+    {%- comment -%} Account link {%- endcomment -%}
+    {%- if shop.customer_accounts_enabled -%}
+      <a href="{{ routes.account_url }}" class="drawer__footer-link">
+        {% render 'icon', icon: 'account' %}
+        <span>
+          {%- if customer -%}
+            {{ 'customer.account.title' | t }}
+          {%- else -%}
+            {{ 'customer.log_in' | t }}
+          {%- endif -%}
+        </span>
+      </a>
+    {%- endif -%}
+
+    {%- comment -%} Localization {%- endcomment -%}
+    {%- if section.settings.show_locale_drawer -%}
+      <div class="drawer__localization">
+        {% render 'header-localization' %}
+      </div>
+    {%- endif -%}
+
+    {%- comment -%} Social links {%- endcomment -%}
+    {%- if section.settings.show_social_drawer -%}
+      <div class="drawer__social">
+        {% render 'social-icons' %}
+      </div>
+    {%- endif -%}
+  </div>
+</div>
+
+<script>
+  // Header functionality
+  (function() {
+    const header = document.querySelector('[data-header]');
+    if (!header) return;
+
+    const stickyBehavior = header.dataset.stickyBehavior;
+    const isTransparentHome = header.dataset.transparentHome === 'true';
+    const searchContainer = document.querySelector('[data-search-container]');
+    const searchToggle = document.querySelector('[data-search-toggle]');
+    const drawerToggles = document.querySelectorAll('[data-drawer-toggle]');
+    const drawerCloses = document.querySelectorAll('[data-drawer-close]');
+    const overlay = document.querySelector('[data-overlay]');
+    const megaMenuTriggers = document.querySelectorAll('[data-mega-menu-trigger]');
+
+    // Smart sticky header behavior
+    if (stickyBehavior && stickyBehavior !== 'none') {
+      let lastScrollY = window.scrollY;
+      let ticking = false;
+
+      function updateHeader() {
+        const currentScrollY = window.scrollY;
+        const scrollingDown = currentScrollY > lastScrollY;
+        const pastThreshold = currentScrollY > 100;
+
+        // Add scrolled state
+        header.classList.toggle('header--scrolled', pastThreshold);
+
+        // Handle transparent mode
+        if (header.classList.contains('header--transparent') && pastThreshold) {
+          header.classList.remove('header--transparent');
+        } else if (!pastThreshold && isTransparentHome) {
+          header.classList.add('header--transparent');
+        }
+
+        // Smart hide behavior
+        if (stickyBehavior === 'smart') {
+          if (scrollingDown && pastThreshold) {
+            header.classList.add('header--hidden');
+          } else {
+            header.classList.remove('header--hidden');
+          }
+        }
+
+        // Reduce on scroll behavior
+        if (stickyBehavior === 'reduce') {
+          header.classList.toggle('header--reduced', pastThreshold);
+        }
+
+        lastScrollY = currentScrollY;
+        ticking = false;
+      }
+
+      window.addEventListener('scroll', () => {
+        if (!ticking) {
+          requestAnimationFrame(updateHeader);
+          ticking = true;
+        }
+      }, { passive: true });
+    }
+
+    // Search toggle
+    if (searchToggle && searchContainer) {
+      searchToggle.addEventListener('click', () => {
+        const isOpen = !searchContainer.hidden;
+        searchContainer.hidden = isOpen;
+        searchToggle.setAttribute('aria-expanded', !isOpen);
+        if (!isOpen) {
+          const searchInput = searchContainer.querySelector('input[type="search"]');
+          if (searchInput) {
+            setTimeout(() => searchInput.focus(), 100);
+          }
+        }
+      });
+    }
+
+    // Mega menu keyboard accessibility
+    megaMenuTriggers.forEach(trigger => {
+      const link = trigger.querySelector('.header__nav-link');
+      const menu = trigger.querySelector('[data-mega-menu]');
+
+      if (link && menu) {
+        link.addEventListener('keydown', (e) => {
+          if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            const isExpanded = link.getAttribute('aria-expanded') === 'true';
+            link.setAttribute('aria-expanded', !isExpanded);
+          }
+        });
+
+        menu.addEventListener('keydown', (e) => {
+          if (e.key === 'Escape') {
+            link.setAttribute('aria-expanded', 'false');
+            link.focus();
+          }
+        });
+
+        trigger.addEventListener('mouseenter', () => {
+          link.setAttribute('aria-expanded', 'true');
+        });
+        trigger.addEventListener('mouseleave', () => {
+          link.setAttribute('aria-expanded', 'false');
+        });
+      }
+    });
+
+    // Drawer functionality
+    function openDrawer(drawerId) {
+      const drawer = document.querySelector(`[data-drawer="${drawerId}"]`);
+      if (drawer) {
+        drawer.classList.add('is-open');
+        drawer.setAttribute('aria-hidden', 'false');
+        document.body.setAttribute('data-drawer-open', '');
+        if (overlay) overlay.classList.add('is-active');
+
+        const focusable = drawer.querySelector('button, a, input');
+        if (focusable) focusable.focus();
+      }
+    }
+
+    function closeDrawer() {
+      const openDrawers = document.querySelectorAll('.drawer.is-open');
+      openDrawers.forEach(drawer => {
+        drawer.classList.remove('is-open');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+      document.body.removeAttribute('data-drawer-open');
+      if (overlay) overlay.classList.remove('is-active');
+    }
+
+    drawerToggles.forEach(toggle => {
+      toggle.addEventListener('click', (e) => {
+        const drawerId = e.currentTarget.getAttribute('data-drawer-toggle');
+        const drawerBtn = e.currentTarget;
+        const isExpanded = drawerBtn.getAttribute('aria-expanded') === 'true';
+
+        if (isExpanded) {
+          closeDrawer();
+          drawerBtn.setAttribute('aria-expanded', 'false');
+        } else {
+          openDrawer(drawerId);
+          drawerBtn.setAttribute('aria-expanded', 'true');
+        }
+      });
+    });
+
+    drawerCloses.forEach(close => {
+      close.addEventListener('click', () => {
+        closeDrawer();
+        drawerToggles.forEach(toggle => toggle.setAttribute('aria-expanded', 'false'));
+      });
+    });
+
+    if (overlay) {
+      overlay.addEventListener('click', () => {
+        closeDrawer();
+        drawerToggles.forEach(toggle => toggle.setAttribute('aria-expanded', 'false'));
+        if (searchContainer && !searchContainer.hidden) {
+          searchContainer.hidden = true;
+          searchToggle?.setAttribute('aria-expanded', 'false');
+        }
+      });
+    }
+
+    // Close drawer/search on escape
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') {
+        closeDrawer();
+        drawerToggles.forEach(toggle => toggle.setAttribute('aria-expanded', 'false'));
+        if (searchContainer && !searchContainer.hidden) {
+          searchContainer.hidden = true;
+          searchToggle?.setAttribute('aria-expanded', 'false');
+        }
+      }
+    });
+  })();
+</script>
 
 {% schema %}
 {
-  "name": "t:general.header",
+  "name": "t:sections.header.name",
+  "class": "section-header",
   "settings": [
+    {
+      "type": "header",
+      "content": "t:sections.header.settings.navigation.header"
+    },
     {
       "type": "link_list",
       "id": "menu",
-      "label": "t:labels.menu"
+      "label": "t:sections.header.settings.menu.label",
+      "default": "main-menu"
+    },
+    {
+      "type": "header",
+      "content": "t:sections.header.settings.logo.header"
+    },
+    {
+      "type": "select",
+      "id": "logo_position",
+      "label": "t:sections.header.settings.logo_position.label",
+      "options": [
+        {
+          "value": "left",
+          "label": "t:sections.header.settings.logo_position.options.left"
+        },
+        {
+          "value": "center",
+          "label": "t:sections.header.settings.logo_position.options.center"
+        }
+      ],
+      "default": "left"
+    },
+    {
+      "type": "range",
+      "id": "logo_width",
+      "label": "t:settings_schema.logo.settings.logo_width.label",
+      "min": 50,
+      "max": 250,
+      "step": 10,
+      "unit": "px",
+      "default": 120
+    },
+    {
+      "type": "header",
+      "content": "t:sections.header.settings.sticky.header"
+    },
+    {
+      "type": "select",
+      "id": "sticky_behavior",
+      "label": "t:sections.header.settings.sticky_behavior.label",
+      "options": [
+        {
+          "value": "always",
+          "label": "t:sections.header.settings.sticky_behavior.options.always"
+        },
+        {
+          "value": "smart",
+          "label": "t:sections.header.settings.sticky_behavior.options.smart"
+        },
+        {
+          "value": "reduce",
+          "label": "t:sections.header.settings.sticky_behavior.options.reduce"
+        },
+        {
+          "value": "none",
+          "label": "t:sections.header.settings.sticky_behavior.options.none"
+        }
+      ],
+      "default": "always"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_transparent",
+      "label": "t:sections.header.settings.transparent.label",
+      "info": "t:sections.header.settings.transparent.info",
+      "default": false
+    },
+    {
+      "type": "header",
+      "content": "t:sections.header.settings.icons.header"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_search",
+      "label": "t:sections.header.settings.show_search.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_account",
+      "label": "t:sections.header.settings.show_account.label",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "cart_badge_style",
+      "label": "t:sections.header.settings.cart_badge.label",
+      "options": [
+        {
+          "value": "number",
+          "label": "t:sections.header.settings.cart_badge.options.number"
+        },
+        {
+          "value": "dot",
+          "label": "t:sections.header.settings.cart_badge.options.dot"
+        },
+        {
+          "value": "none",
+          "label": "t:sections.header.settings.cart_badge.options.none"
+        }
+      ],
+      "default": "number"
+    },
+    {
+      "type": "header",
+      "content": "t:sections.header.settings.utility_nav.header"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_utility_nav",
+      "label": "t:sections.header.settings.utility_nav.show.label",
+      "default": false
+    },
+    {
+      "type": "link_list",
+      "id": "utility_menu",
+      "label": "t:sections.header.settings.utility_nav.menu.label"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_locale_utility",
+      "label": "t:sections.header.settings.utility_nav.locale.label",
+      "default": false
+    },
+    {
+      "type": "header",
+      "content": "t:sections.header.settings.mobile_drawer.header"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_search_in_drawer",
+      "label": "t:sections.header.settings.mobile_drawer.search.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_locale_drawer",
+      "label": "t:sections.header.settings.mobile_drawer.locale.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_social_drawer",
+      "label": "t:sections.header.settings.mobile_drawer.social.label",
+      "default": true
+    },
+    {
+      "type": "header",
+      "content": "t:sections.header.settings.mega_menu.header"
+    },
+    {
+      "type": "image_picker",
+      "id": "mega_menu_promo_image",
+      "label": "t:sections.header.settings.mega_menu.promo_image.label"
+    },
+    {
+      "type": "text",
+      "id": "mega_menu_promo_text",
+      "label": "t:sections.header.settings.mega_menu.promo_text.label"
+    },
+    {
+      "type": "url",
+      "id": "mega_menu_promo_link",
+      "label": "t:sections.header.settings.mega_menu.promo_link.label"
     }
   ]
 }
diff --git a/sections/hello-world.liquid b/sections/hello-world.liquid
deleted file mode 100644
index 839823ac..00000000
--- a/sections/hello-world.liquid
+++ /dev/null
@@ -1,144 +0,0 @@
-{% comment %}
-  Welcome to Shopify theme development!
-{% endcomment %}
-
-<div class="welcome full-width">
-  <div class="welcome-content">
-    <div>
-      <h1>Hello, World!</h1>
-
-      <p class="welcome-description">
-        The Skeleton theme is a minimal, carefully structured Shopify theme designed to help you quickly get started.
-        Designed with modularity, maintainability, and Shopify's best practices in mind.
-      </p>
-
-      <p class="welcome-description">
-        Themes shape the online store experience for merchants and their customers. Build fast, flexible themes at scale
-        using Liquid, Shopify's theme templating language, along with HTML, CSS, JavaScript, and JSON.
-      </p>
-    </div>
-    <div class="icon">
-      <img src="{{ 'shoppy-x-ray.svg' | asset_url }}" width="300" height="300">
-    </div>
-  </div>
-</div>
-
-<div class="highlights">
-  <div class="highlight">
-    <h3>Key Concepts</h3>
-    <p class="highlight-description">
-      Shopify themes are a package of template files, building blocks, and supporting assets. Use these building blocks
-      to create modular, customizable themes.
-    </p>
-    <p>{{ 'Learn more about key concepts' | link_to: 'https://shopify.dev/docs/storefronts/themes/architecture' }}</p>
-  </div>
-
-  <div class="highlight">
-    <h3>Liquid</h3>
-    <p class="highlight-description">
-      The Liquid templating language is the backbone of Shopify themes, and is used to load dynamic content on
-      storefronts. Extend Liquid objects to store and present custom data using metafields.
-    </p>
-    <p>{{ 'View the Liquid reference' | link_to: 'https://shopify.dev/docs/api/liquid' }}</p>
-  </div>
-
-  <div class="highlight">
-    <h3>Best Practices</h3>
-    <p class="highlight-description">
-      To optimize your theme development experience, Shopify has established a set of best practices that you can refer
-      to when developing your theme and setting up your toolchains and processes.
-    </p>
-    <p>{{ 'Follow best practices' | link_to: 'https://shopify.dev/docs/storefronts/themes/best-practices' }}</p>
-  </div>
-</div>
-
-{% stylesheet %}
-  .welcome {
-    display: grid;
-    grid-template-columns: var(--content-grid);
-    background-color: #f6f6f7;
-    padding: 72px 0;
-  }
-
-  .welcome-content {
-    grid-column: 2;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 1rem;
-    width: 100%;
-    padding: 0 24px;
-  }
-
-  .welcome-description {
-    max-width: 80ch;
-    line-height: 1.4;
-    margin-top: 1.5rem;
-  }
-
-  .icon {
-    width: 300px;
-  }
-
-  .highlights {
-    display: grid;
-    gap: 2rem;
-    grid-template-columns: repeat(3, 1fr);
-    margin-top: 50px;
-  }
-
-  @media (max-width: 1100px) {
-    .highlights {
-      grid-template-columns: 1fr;
-    }
-  }
-
-  .highlight {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    padding: 24px;
-    border-radius: 8px;
-    background-color: #eef3ff;
-    color: rgb(92, 95, 98);
-    line-height: 1.4;
-  }
-
-  .highlight > * + * {
-    margin-top: 1rem;
-  }
-
-  .highlight h3 {
-    font-size: 1rem;
-    color: rgb(32, 34, 35);
-  }
-
-  .highlight-description {
-    flex: 1 1;
-  }
-
-  .highlight a {
-    display: flex;
-    width: fit-content;
-    background-color: rgb(250, 251, 251);
-    box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.9) 0px 2px 0px 0px inset;
-    border: 1px solid rgb(140, 145, 150);
-    border-radius: 4px;
-    color: rgb(92, 95, 98);
-    padding: 3px 10px 5px;
-    text-decoration: none;
-  }
-{% endstylesheet %}
-
-{% schema %}
-{
-  "name": "Hello World",
-  "settings": [],
-  "presets": [
-    {
-      "name": "Hello World Template",
-      "category": "Demo"
-    }
-  ]
-}
-{% endschema %}
diff --git a/sections/hero.liquid b/sections/hero.liquid
new file mode 100644
index 00000000..162d5812
--- /dev/null
+++ b/sections/hero.liquid
@@ -0,0 +1,572 @@
+{% comment %}
+  Hero Section - Influence Theme
+  Editorial fashion-forward hero with cinematic presence
+  Features: Full-bleed image/video, gradient overlays, animated content, multiple layouts
+{% endcomment %}
+
+{%- liquid
+  assign height_class = 'hero--' | append: section.settings.height
+  assign content_position = section.settings.content_position | split: '_'
+  assign vertical_align = content_position[0]
+  assign horizontal_align = content_position[1]
+  assign overlay_style = section.settings.overlay_style | default: 'solid'
+-%}
+
+<section
+  class="hero {{ height_class }} hero--{{ overlay_style }} {% if section.settings.enable_parallax %}hero--parallax{% endif %} {% render 'color-scheme', scheme: section.settings.color_scheme %}"
+  style="
+    --hero-overlay-opacity: {{ section.settings.overlay_opacity | divided_by: 100.0 }};
+    --hero-content-width: {{ section.settings.content_width | default: 'medium' }};
+  "
+>
+  {%- comment -%} Background Media {%- endcomment -%}
+  <div class="hero__media">
+    {%- if section.settings.video_url != blank -%}
+      {%- liquid
+        assign video_id = section.settings.video_url | split: 'v=' | last | split: '&' | first
+        if section.settings.video_url contains 'youtu.be'
+          assign video_id = section.settings.video_url | split: '/' | last | split: '?' | first
+        endif
+        if section.settings.video_url contains 'vimeo'
+          assign video_id = section.settings.video_url | split: '/' | last | split: '?' | first
+        endif
+      -%}
+      {%- if section.settings.video_url contains 'youtube' or section.settings.video_url contains 'youtu.be' -%}
+        <iframe
+          src="https://www.youtube.com/embed/{{ video_id }}?autoplay=1&mute=1&loop=1&playlist={{ video_id }}&controls=0&showinfo=0&rel=0&modestbranding=1&playsinline=1"
+          frameborder="0"
+          allow="autoplay; encrypted-media"
+          allowfullscreen
+          loading="lazy"
+          class="hero__video"
+        ></iframe>
+      {%- elsif section.settings.video_url contains 'vimeo' -%}
+        <iframe
+          src="https://player.vimeo.com/video/{{ video_id }}?autoplay=1&loop=1&muted=1&background=1"
+          frameborder="0"
+          allow="autoplay; fullscreen"
+          allowfullscreen
+          loading="lazy"
+          class="hero__video"
+        ></iframe>
+      {%- endif -%}
+    {%- elsif section.settings.image != blank -%}
+      {{
+        section.settings.image
+        | image_url: width: 2400
+        | image_tag:
+          loading: 'eager',
+          fetchpriority: 'high',
+          sizes: '100vw',
+          widths: '375, 550, 750, 1000, 1250, 1500, 1750, 2000, 2400',
+          class: 'hero__image'
+      }}
+    {%- else -%}
+      <div class="hero__placeholder">
+        {{ 'lifestyle-1' | placeholder_svg_tag: 'hero__placeholder-svg' }}
+      </div>
+    {%- endif -%}
+
+    {%- comment -%} Overlay {%- endcomment -%}
+    {%- if section.settings.overlay_opacity > 0 -%}
+      <div class="hero__overlay"></div>
+    {%- endif -%}
+  </div>
+
+  {%- comment -%} Content {%- endcomment -%}
+  <div class="hero__content hero__content--{{ vertical_align }} hero__content--{{ horizontal_align }}">
+    <div class="hero__content-inner">
+      {%- for block in section.blocks -%}
+        {%- case block.type -%}
+          {%- when 'subheading' -%}
+            {%- if block.settings.text != blank -%}
+              <p class="hero__subheading" {{ block.shopify_attributes }}>
+                <span class="hero__subheading-text">{{ block.settings.text }}</span>
+              </p>
+            {%- endif -%}
+
+          {%- when 'heading' -%}
+            {%- if block.settings.text != blank -%}
+              <h1 class="hero__heading" {{ block.shopify_attributes }}>
+                {{ block.settings.text }}
+              </h1>
+            {%- endif -%}
+
+          {%- when 'text' -%}
+            {%- if block.settings.text != blank -%}
+              <div class="hero__text rte" {{ block.shopify_attributes }}>
+                {{ block.settings.text }}
+              </div>
+            {%- endif -%}
+
+          {%- when 'button' -%}
+            {%- if block.settings.label != blank -%}
+              <div class="hero__buttons" {{ block.shopify_attributes }}>
+                <a
+                  href="{{ block.settings.link }}"
+                  class="hero__btn btn btn--{{ block.settings.style }}"
+                >
+                  <span>{{ block.settings.label }}</span>
+                  <svg class="hero__btn-arrow" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
+                    <path d="M4 10h12M12 6l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+                </a>
+              </div>
+            {%- endif -%}
+        {%- endcase -%}
+      {%- endfor -%}
+    </div>
+  </div>
+
+  {%- comment -%} Scroll indicator {%- endcomment -%}
+  {%- if section.settings.show_scroll_indicator and section.settings.height == 'full' -%}
+    <div class="hero__scroll-indicator">
+      <span class="hero__scroll-text">Scroll</span>
+      <span class="hero__scroll-line"></span>
+    </div>
+  {%- endif -%}
+</section>
+
+{% stylesheet %}
+  .hero {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    width: 100%;
+  }
+
+  /* Height variants */
+  .hero--small { min-height: 50vh; }
+  .hero--medium { min-height: 70vh; }
+  .hero--large { min-height: 85vh; }
+  .hero--full { min-height: 100vh; min-height: 100svh; }
+
+  /* Media container */
+  .hero__media {
+    position: absolute;
+    inset: 0;
+    z-index: 0;
+  }
+
+  .hero--parallax .hero__media {
+    will-change: transform;
+  }
+
+  .hero__image,
+  .hero__video {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  /* Subtle zoom animation on image */
+  @media (prefers-reduced-motion: no-preference) {
+    .hero__image {
+      animation: heroImageZoom 20s ease-in-out infinite alternate;
+    }
+  }
+
+  @keyframes heroImageZoom {
+    from { transform: scale(1); }
+    to { transform: scale(1.05); }
+  }
+
+  .hero__placeholder {
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(135deg, var(--color-muted) 0%, var(--color-background) 100%);
+  }
+
+  .hero__placeholder-svg {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    opacity: 0.5;
+  }
+
+  /* Overlay styles */
+  .hero__overlay {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+  }
+
+  .hero--solid .hero__overlay {
+    background-color: rgb(0 0 0 / var(--hero-overlay-opacity, 0.3));
+  }
+
+  .hero--gradient .hero__overlay {
+    background: linear-gradient(
+      to top,
+      rgb(0 0 0 / calc(var(--hero-overlay-opacity, 0.3) * 1.5)) 0%,
+      rgb(0 0 0 / calc(var(--hero-overlay-opacity, 0.3) * 0.5)) 50%,
+      transparent 100%
+    );
+  }
+
+  .hero--vignette .hero__overlay {
+    background: radial-gradient(
+      ellipse at center,
+      transparent 0%,
+      rgb(0 0 0 / calc(var(--hero-overlay-opacity, 0.3) * 0.3)) 50%,
+      rgb(0 0 0 / var(--hero-overlay-opacity, 0.3)) 100%
+    );
+  }
+
+  /* Content positioning */
+  .hero__content {
+    position: relative;
+    z-index: 2;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    padding: var(--space-12) var(--page-margin);
+    color: #fff;
+  }
+
+  .hero__content--top { align-items: flex-start; padding-top: calc(var(--header-height) + var(--space-12)); }
+  .hero__content--middle { align-items: center; }
+  .hero__content--bottom { align-items: flex-end; padding-bottom: var(--space-16); }
+
+  .hero__content--left { justify-content: flex-start; text-align: left; }
+  .hero__content--center { justify-content: center; text-align: center; }
+  .hero__content--right { justify-content: flex-end; text-align: right; }
+
+  .hero__content-inner {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-6);
+    max-width: 48rem;
+  }
+
+  .hero__content--center .hero__content-inner { align-items: center; }
+  .hero__content--right .hero__content-inner { align-items: flex-end; }
+
+  /* Subheading - editorial style */
+  .hero__subheading {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-4);
+    font-size: var(--font-size-xs);
+    font-weight: 500;
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+  }
+
+  .hero__subheading::before,
+  .hero__subheading::after {
+    content: '';
+    width: 2rem;
+    height: 1px;
+    background-color: currentColor;
+    opacity: 0.5;
+  }
+
+  .hero__content--left .hero__subheading::before { display: none; }
+  .hero__content--right .hero__subheading::after { display: none; }
+
+  /* Heading - dramatic scale */
+  .hero__heading {
+    font-family: var(--font-heading-family);
+    font-size: clamp(2.5rem, 8vw, 6rem);
+    font-weight: var(--font-heading-weight);
+    line-height: 1;
+    letter-spacing: -0.02em;
+    text-wrap: balance;
+  }
+
+  /* Text */
+  .hero__text {
+    font-size: var(--font-size-lg);
+    line-height: 1.6;
+    max-width: 36rem;
+    opacity: 0.9;
+  }
+
+  .hero__content--center .hero__text { margin-inline: auto; }
+
+  /* Button with arrow animation */
+  .hero__buttons {
+    margin-top: var(--space-4);
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-4);
+  }
+
+  .hero__btn {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-3);
+    padding: var(--space-4) var(--space-8);
+    font-size: var(--font-size-sm);
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+    border: 1px solid currentColor;
+    background: transparent;
+    color: inherit;
+    transition: all var(--duration-normal) var(--ease-out);
+  }
+
+  .hero__btn--primary {
+    background: #fff;
+    color: #000;
+    border-color: #fff;
+  }
+
+  .hero__btn--secondary {
+    background: transparent;
+    color: #fff;
+    border-color: rgba(255, 255, 255, 0.5);
+  }
+
+  .hero__btn-arrow {
+    transition: transform var(--duration-normal) var(--ease-out);
+  }
+
+  .hero__btn:hover .hero__btn-arrow {
+    transform: translateX(4px);
+  }
+
+  .hero__btn:hover {
+    background: #fff;
+    color: #000;
+    border-color: #fff;
+  }
+
+  /* Scroll indicator */
+  .hero__scroll-indicator {
+    position: absolute;
+    bottom: var(--space-8);
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-3);
+    color: #fff;
+    z-index: 2;
+  }
+
+  .hero__scroll-text {
+    font-size: var(--font-size-xs);
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+    opacity: 0.7;
+  }
+
+  .hero__scroll-line {
+    width: 1px;
+    height: 3rem;
+    background: linear-gradient(to bottom, currentColor, transparent);
+    animation: scrollPulse 2s ease-in-out infinite;
+  }
+
+  @keyframes scrollPulse {
+    0%, 100% { opacity: 0.3; transform: scaleY(0.5); }
+    50% { opacity: 1; transform: scaleY(1); }
+  }
+
+  /* Mobile adjustments */
+  @media (max-width: 749px) {
+    .hero--full { min-height: 85vh; min-height: 85svh; }
+    .hero--large { min-height: 70vh; }
+
+    .hero__content {
+      padding: var(--space-8) var(--space-4);
+    }
+
+    .hero__heading {
+      font-size: clamp(2rem, 10vw, 3.5rem);
+    }
+
+    .hero__text {
+      font-size: var(--font-size-base);
+    }
+
+    .hero__subheading::before,
+    .hero__subheading::after {
+      width: 1rem;
+    }
+
+    .hero__scroll-indicator {
+      display: none;
+    }
+  }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.hero.name",
+  "class": "section-hero",
+  "tag": "section",
+  "settings": [
+    {
+      "type": "header",
+      "content": "t:sections.hero.settings.header_media.content"
+    },
+    {
+      "type": "image_picker",
+      "id": "image",
+      "label": "t:sections.hero.settings.image.label"
+    },
+    {
+      "type": "url",
+      "id": "video_url",
+      "label": "t:sections.hero.settings.video.label",
+      "info": "YouTube or Vimeo URL"
+    },
+    {
+      "type": "header",
+      "content": "t:sections.hero.settings.header_layout.content"
+    },
+    {
+      "type": "select",
+      "id": "height",
+      "label": "t:sections.hero.settings.height.label",
+      "options": [
+        { "value": "small", "label": "t:sections.hero.settings.height.options.small" },
+        { "value": "medium", "label": "t:sections.hero.settings.height.options.medium" },
+        { "value": "large", "label": "t:sections.hero.settings.height.options.large" },
+        { "value": "full", "label": "t:sections.hero.settings.height.options.full" }
+      ],
+      "default": "full"
+    },
+    {
+      "type": "select",
+      "id": "content_position",
+      "label": "t:sections.hero.settings.content_position.label",
+      "options": [
+        { "value": "top_left", "label": "t:sections.hero.settings.content_position.options.top_left" },
+        { "value": "top_center", "label": "t:sections.hero.settings.content_position.options.top_center" },
+        { "value": "top_right", "label": "t:sections.hero.settings.content_position.options.top_right" },
+        { "value": "middle_left", "label": "t:sections.hero.settings.content_position.options.middle_left" },
+        { "value": "middle_center", "label": "t:sections.hero.settings.content_position.options.middle_center" },
+        { "value": "middle_right", "label": "t:sections.hero.settings.content_position.options.middle_right" },
+        { "value": "bottom_left", "label": "t:sections.hero.settings.content_position.options.bottom_left" },
+        { "value": "bottom_center", "label": "t:sections.hero.settings.content_position.options.bottom_center" },
+        { "value": "bottom_right", "label": "t:sections.hero.settings.content_position.options.bottom_right" }
+      ],
+      "default": "middle_center"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_scroll_indicator",
+      "label": "t:sections.hero.settings.show_scroll_indicator.label",
+      "default": true
+    },
+    {
+      "type": "header",
+      "content": "t:sections.hero.settings.header_overlay.content"
+    },
+    {
+      "type": "select",
+      "id": "overlay_style",
+      "label": "t:sections.hero.settings.overlay_style.label",
+      "options": [
+        { "value": "solid", "label": "t:sections.hero.settings.overlay_style.options.solid" },
+        { "value": "gradient", "label": "t:sections.hero.settings.overlay_style.options.gradient" },
+        { "value": "vignette", "label": "t:sections.hero.settings.overlay_style.options.vignette" }
+      ],
+      "default": "gradient"
+    },
+    {
+      "type": "range",
+      "id": "overlay_opacity",
+      "min": 0,
+      "max": 100,
+      "step": 5,
+      "unit": "%",
+      "label": "t:sections.hero.settings.overlay_opacity.label",
+      "default": 40
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:sections.hero.settings.color_scheme.label",
+      "default": "scheme_2"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "subheading",
+      "name": "t:sections.hero.blocks.subheading.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "New Collection"
+        }
+      ]
+    },
+    {
+      "type": "heading",
+      "name": "t:sections.hero.blocks.heading.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.heading",
+          "default": "Make a Statement"
+        }
+      ]
+    },
+    {
+      "type": "text",
+      "name": "t:sections.hero.blocks.text.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "richtext",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "<p>Discover our latest arrivals and find your perfect look.</p>"
+        }
+      ]
+    },
+    {
+      "type": "button",
+      "name": "t:sections.hero.blocks.button.name",
+      "limit": 2,
+      "settings": [
+        {
+          "type": "text",
+          "id": "label",
+          "label": "t:sections.hero.blocks.button.settings.label.label",
+          "default": "Shop Now"
+        },
+        {
+          "type": "url",
+          "id": "link",
+          "label": "t:sections.hero.blocks.button.settings.link.label"
+        },
+        {
+          "type": "select",
+          "id": "style",
+          "label": "t:sections.hero.blocks.button.settings.style.label",
+          "options": [
+            { "value": "primary", "label": "t:sections.hero.blocks.button.settings.style.options.primary" },
+            { "value": "secondary", "label": "t:sections.hero.blocks.button.settings.style.options.secondary" }
+          ],
+          "default": "primary"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.hero.name",
+      "blocks": [
+        { "type": "subheading" },
+        { "type": "heading" },
+        { "type": "text" },
+        { "type": "button" }
+      ]
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/image-gallery.liquid b/sections/image-gallery.liquid
new file mode 100644
index 00000000..3b3aca90
--- /dev/null
+++ b/sections/image-gallery.liquid
@@ -0,0 +1,767 @@
+{% comment %}
+  Image Gallery Section - Influence Theme
+  Multi-image gallery with grid, masonry, and asymmetric layouts
+  Essential for campaign imagery and editorial storytelling
+{% endcomment %}
+
+{%- liquid
+  assign section_id = 'ImageGallery-' | append: section.id
+  assign layout = section.settings.layout
+  assign columns = section.settings.columns_desktop
+  assign columns_mobile = section.settings.columns_mobile
+  assign enable_lightbox = section.settings.enable_lightbox
+  assign hover_effect = section.settings.hover_effect
+-%}
+
+<section
+  id="{{ section_id }}"
+  class="image-gallery section {% render 'color-scheme', scheme: section.settings.color_scheme %}"
+  data-section-id="{{ section.id }}"
+  data-section-type="image-gallery"
+>
+  <div class="{% if section.settings.full_width %}container--full{% else %}container{% endif %}">
+    {%- if section.settings.heading != blank -%}
+      <h2 class="image-gallery__heading section-heading text-{{ section.settings.heading_alignment }}">
+        {{ section.settings.heading }}
+      </h2>
+    {%- endif -%}
+
+    {%- if section.blocks.size > 0 -%}
+      <div
+        class="image-gallery__grid image-gallery__grid--{{ layout }} image-gallery--hover-{{ hover_effect }}"
+        style="--gallery-columns: {{ columns }}; --gallery-columns-mobile: {{ columns_mobile }}; --gallery-gap: var(--space-{{ section.settings.gap }});"
+      >
+        {%- for block in section.blocks -%}
+          {%- liquid
+            assign size_class = ''
+            if layout == 'asymmetric'
+              assign size_class = 'image-gallery__item--' | append: block.settings.size
+            endif
+          -%}
+          <figure class="image-gallery__item {{ size_class }}" {{ block.shopify_attributes }}>
+            {%- if enable_lightbox -%}
+              <button
+                type="button"
+                class="image-gallery__link"
+                data-lightbox-trigger
+                data-image-index="{{ forloop.index0 }}"
+                data-image-src="{{ block.settings.image | image_url: width: 2000 }}"
+                data-image-alt="{{ block.settings.image.alt | default: block.settings.caption }}"
+                aria-label="{{ 'accessibility.gallery_image' | t: index: forloop.index, total: section.blocks.size }}"
+              >
+            {%- elsif block.settings.link != blank -%}
+              <a href="{{ block.settings.link }}" class="image-gallery__link">
+            {%- else -%}
+              <div class="image-gallery__link">
+            {%- endif -%}
+
+              <div class="image-gallery__media image-gallery__media--{{ section.settings.image_ratio }}">
+                {%- if block.settings.image != blank -%}
+                  {{
+                    block.settings.image
+                    | image_url: width: 1200
+                    | image_tag:
+                      loading: 'lazy',
+                      sizes: '(min-width: 990px) 400px, (min-width: 750px) 50vw, 100vw',
+                      widths: '300, 400, 500, 600, 800, 1000, 1200',
+                      class: 'image-gallery__image'
+                  }}
+                {%- else -%}
+                  {{ 'image' | placeholder_svg_tag: 'image-gallery__placeholder' }}
+                {%- endif -%}
+
+                {%- if hover_effect == 'overlay' or enable_lightbox -%}
+                  <div class="image-gallery__overlay">
+                    {%- if enable_lightbox -%}
+                      <span class="image-gallery__zoom-icon">
+                        {% render 'icon', icon: 'plus' %}
+                      </span>
+                    {%- endif -%}
+                  </div>
+                {%- endif -%}
+              </div>
+
+              {%- if block.settings.caption != blank -%}
+                <figcaption class="image-gallery__caption{% if hover_effect == 'caption' %} image-gallery__caption--reveal{% endif %}">
+                  {{ block.settings.caption }}
+                </figcaption>
+              {%- endif -%}
+
+            {%- if enable_lightbox -%}
+              </button>
+            {%- elsif block.settings.link != blank -%}
+              </a>
+            {%- else -%}
+              </div>
+            {%- endif -%}
+          </figure>
+        {%- endfor -%}
+      </div>
+    {%- endif -%}
+  </div>
+
+  {%- comment -%} Lightbox Modal {%- endcomment -%}
+  {%- if enable_lightbox and section.blocks.size > 0 -%}
+    <div
+      id="gallery-lightbox-{{ section.id }}"
+      class="image-gallery__lightbox"
+      role="dialog"
+      aria-modal="true"
+      aria-label="{{ 'accessibility.gallery_lightbox' | t }}"
+      data-lightbox
+      hidden
+    >
+      <div class="image-gallery__lightbox-backdrop" data-lightbox-close></div>
+
+      <div class="image-gallery__lightbox-container">
+        <button
+          type="button"
+          class="image-gallery__lightbox-close"
+          aria-label="{{ 'accessibility.close' | t }}"
+          data-lightbox-close
+        >
+          {% render 'icon', icon: 'close' %}
+        </button>
+
+        {%- if section.blocks.size > 1 -%}
+          <button
+            type="button"
+            class="image-gallery__lightbox-nav image-gallery__lightbox-nav--prev"
+            aria-label="{{ 'accessibility.previous' | t }}"
+            data-lightbox-prev
+          >
+            {% render 'icon', icon: 'chevron-left' %}
+          </button>
+
+          <button
+            type="button"
+            class="image-gallery__lightbox-nav image-gallery__lightbox-nav--next"
+            aria-label="{{ 'accessibility.next' | t }}"
+            data-lightbox-next
+          >
+            {% render 'icon', icon: 'chevron-right' %}
+          </button>
+        {%- endif -%}
+
+        <div class="image-gallery__lightbox-content">
+          <img
+            src=""
+            alt=""
+            class="image-gallery__lightbox-image"
+            data-lightbox-image
+          >
+          <p class="image-gallery__lightbox-caption" data-lightbox-caption></p>
+        </div>
+
+        <div class="image-gallery__lightbox-counter" data-lightbox-counter>
+          <span data-lightbox-current>1</span> / <span data-lightbox-total>{{ section.blocks.size }}</span>
+        </div>
+      </div>
+    </div>
+  {%- endif -%}
+</section>
+
+{%- if enable_lightbox and section.blocks.size > 0 -%}
+  <script>
+    (function() {
+      const section = document.getElementById('{{ section_id }}');
+      const lightbox = document.getElementById('gallery-lightbox-{{ section.id }}');
+      if (!section || !lightbox) return;
+
+      const triggers = section.querySelectorAll('[data-lightbox-trigger]');
+      const image = lightbox.querySelector('[data-lightbox-image]');
+      const caption = lightbox.querySelector('[data-lightbox-caption]');
+      const currentCounter = lightbox.querySelector('[data-lightbox-current]');
+      const prevBtn = lightbox.querySelector('[data-lightbox-prev]');
+      const nextBtn = lightbox.querySelector('[data-lightbox-next]');
+      const closeElements = lightbox.querySelectorAll('[data-lightbox-close]');
+
+      let currentIndex = 0;
+      let focusedElementBeforeOpen = null;
+      const totalImages = triggers.length;
+
+      const images = Array.from(triggers).map(trigger => ({
+        src: trigger.dataset.imageSrc,
+        alt: trigger.dataset.imageAlt || ''
+      }));
+
+      function openLightbox(index) {
+        currentIndex = index;
+        focusedElementBeforeOpen = document.activeElement;
+        updateImage();
+        lightbox.hidden = false;
+        document.body.style.overflow = 'hidden';
+        lightbox.querySelector('[data-lightbox-close]').focus();
+      }
+
+      function closeLightbox() {
+        lightbox.hidden = true;
+        document.body.style.overflow = '';
+        if (focusedElementBeforeOpen) {
+          focusedElementBeforeOpen.focus();
+        }
+      }
+
+      function updateImage() {
+        const imageData = images[currentIndex];
+        image.src = imageData.src;
+        image.alt = imageData.alt;
+        caption.textContent = imageData.alt;
+        caption.hidden = !imageData.alt;
+        if (currentCounter) {
+          currentCounter.textContent = currentIndex + 1;
+        }
+        updateNavButtons();
+      }
+
+      function updateNavButtons() {
+        if (prevBtn) prevBtn.disabled = currentIndex === 0;
+        if (nextBtn) nextBtn.disabled = currentIndex === totalImages - 1;
+      }
+
+      function goToPrev() {
+        if (currentIndex > 0) {
+          currentIndex--;
+          updateImage();
+        }
+      }
+
+      function goToNext() {
+        if (currentIndex < totalImages - 1) {
+          currentIndex++;
+          updateImage();
+        }
+      }
+
+      // Event listeners
+      triggers.forEach(trigger => {
+        trigger.addEventListener('click', () => {
+          openLightbox(parseInt(trigger.dataset.imageIndex, 10));
+        });
+      });
+
+      closeElements.forEach(el => {
+        el.addEventListener('click', closeLightbox);
+      });
+
+      if (prevBtn) prevBtn.addEventListener('click', goToPrev);
+      if (nextBtn) nextBtn.addEventListener('click', goToNext);
+
+      // Keyboard navigation
+      lightbox.addEventListener('keydown', (e) => {
+        switch (e.key) {
+          case 'Escape':
+            closeLightbox();
+            break;
+          case 'ArrowLeft':
+            goToPrev();
+            break;
+          case 'ArrowRight':
+            goToNext();
+            break;
+        }
+      });
+
+      // Touch swipe support
+      let touchStartX = 0;
+      let touchEndX = 0;
+
+      lightbox.addEventListener('touchstart', (e) => {
+        touchStartX = e.changedTouches[0].screenX;
+      }, { passive: true });
+
+      lightbox.addEventListener('touchend', (e) => {
+        touchEndX = e.changedTouches[0].screenX;
+        const diff = touchStartX - touchEndX;
+        if (Math.abs(diff) > 50) {
+          if (diff > 0) goToNext();
+          else goToPrev();
+        }
+      }, { passive: true });
+    })();
+  </script>
+{%- endif -%}
+
+{% stylesheet %}
+  .image-gallery__heading {
+    margin-bottom: var(--space-8);
+  }
+
+  /* Grid Layout */
+  .image-gallery__grid--grid {
+    display: grid;
+    grid-template-columns: repeat(var(--gallery-columns, 3), 1fr);
+    gap: var(--gallery-gap, var(--space-4));
+  }
+
+  /* Masonry Layout */
+  .image-gallery__grid--masonry {
+    columns: var(--gallery-columns, 3);
+    column-gap: var(--gallery-gap, var(--space-4));
+  }
+
+  .image-gallery__grid--masonry .image-gallery__item {
+    break-inside: avoid;
+    margin-bottom: var(--gallery-gap, var(--space-4));
+  }
+
+  /* Asymmetric Layout */
+  .image-gallery__grid--asymmetric {
+    display: grid;
+    grid-template-columns: repeat(6, 1fr);
+    grid-auto-rows: minmax(200px, auto);
+    gap: var(--gallery-gap, var(--space-4));
+  }
+
+  .image-gallery__grid--asymmetric .image-gallery__item--small {
+    grid-column: span 2;
+    grid-row: span 1;
+  }
+
+  .image-gallery__grid--asymmetric .image-gallery__item--medium {
+    grid-column: span 3;
+    grid-row: span 1;
+  }
+
+  .image-gallery__grid--asymmetric .image-gallery__item--large {
+    grid-column: span 3;
+    grid-row: span 2;
+  }
+
+  /* Gallery Item */
+  .image-gallery__item {
+    margin: 0;
+  }
+
+  .image-gallery__link {
+    display: block;
+    text-decoration: none;
+    color: inherit;
+    background: none;
+    border: none;
+    padding: 0;
+    width: 100%;
+    cursor: pointer;
+    text-align: left;
+  }
+
+  .image-gallery__media {
+    position: relative;
+    overflow: hidden;
+    background-color: var(--color-muted);
+  }
+
+  /* Aspect ratios */
+  .image-gallery__media--portrait { aspect-ratio: 3 / 4; }
+  .image-gallery__media--landscape { aspect-ratio: 4 / 3; }
+  .image-gallery__media--square { aspect-ratio: 1 / 1; }
+  .image-gallery__media--natural { aspect-ratio: auto; }
+
+  .image-gallery__grid--masonry .image-gallery__media {
+    aspect-ratio: auto;
+  }
+
+  .image-gallery__image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    transition: transform var(--duration-slow) var(--ease-out);
+  }
+
+  .image-gallery__placeholder {
+    width: 100%;
+    height: 100%;
+    min-height: 200px;
+  }
+
+  /* Overlay */
+  .image-gallery__overlay {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0);
+    transition: background var(--duration-normal);
+  }
+
+  .image-gallery__zoom-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 48px;
+    height: 48px;
+    background: rgba(255, 255, 255, 0.95);
+    border-radius: 50%;
+    opacity: 0;
+    transform: scale(0.8);
+    transition: opacity var(--duration-normal), transform var(--duration-normal);
+  }
+
+  /* Hover effects */
+  .image-gallery--hover-zoom .image-gallery__link:hover .image-gallery__image,
+  .image-gallery--hover-zoom .image-gallery__link:focus-visible .image-gallery__image {
+    transform: scale(1.05);
+  }
+
+  .image-gallery--hover-overlay .image-gallery__link:hover .image-gallery__overlay,
+  .image-gallery--hover-overlay .image-gallery__link:focus-visible .image-gallery__overlay {
+    background: rgba(0, 0, 0, 0.3);
+  }
+
+  .image-gallery__link:hover .image-gallery__zoom-icon,
+  .image-gallery__link:focus-visible .image-gallery__zoom-icon {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  /* Caption */
+  .image-gallery__caption {
+    padding: var(--space-3) 0;
+    font-size: var(--font-size-sm);
+    color: var(--color-muted-foreground);
+  }
+
+  .image-gallery__caption--reveal {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: var(--space-4);
+    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
+    color: #fff;
+    opacity: 0;
+    transform: translateY(100%);
+    transition: opacity var(--duration-normal), transform var(--duration-normal);
+  }
+
+  .image-gallery--hover-caption .image-gallery__link:hover .image-gallery__caption--reveal,
+  .image-gallery--hover-caption .image-gallery__link:focus-visible .image-gallery__caption--reveal {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  /* Focus state */
+  .image-gallery__link:focus-visible {
+    outline: 2px solid var(--color-foreground);
+    outline-offset: 2px;
+  }
+
+  /* Lightbox */
+  .image-gallery__lightbox {
+    position: fixed;
+    inset: 0;
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .image-gallery__lightbox-backdrop {
+    position: absolute;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.95);
+  }
+
+  .image-gallery__lightbox-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: var(--space-8);
+  }
+
+  .image-gallery__lightbox-close {
+    position: absolute;
+    top: var(--space-4);
+    right: var(--space-4);
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 48px;
+    height: 48px;
+    background: transparent;
+    border: none;
+    color: #fff;
+    cursor: pointer;
+    transition: opacity var(--duration-fast);
+  }
+
+  .image-gallery__lightbox-close:hover {
+    opacity: 0.7;
+  }
+
+  .image-gallery__lightbox-nav {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 48px;
+    height: 48px;
+    background: rgba(255, 255, 255, 0.1);
+    border: none;
+    border-radius: 50%;
+    color: #fff;
+    cursor: pointer;
+    transition: background var(--duration-fast);
+  }
+
+  .image-gallery__lightbox-nav:hover:not(:disabled) {
+    background: rgba(255, 255, 255, 0.2);
+  }
+
+  .image-gallery__lightbox-nav:disabled {
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
+
+  .image-gallery__lightbox-nav--prev {
+    left: var(--space-4);
+  }
+
+  .image-gallery__lightbox-nav--next {
+    right: var(--space-4);
+  }
+
+  .image-gallery__lightbox-content {
+    position: relative;
+    max-width: 90vw;
+    max-height: 80vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .image-gallery__lightbox-image {
+    max-width: 100%;
+    max-height: 70vh;
+    object-fit: contain;
+  }
+
+  .image-gallery__lightbox-caption {
+    margin-top: var(--space-4);
+    color: rgba(255, 255, 255, 0.8);
+    font-size: var(--font-size-sm);
+    text-align: center;
+  }
+
+  .image-gallery__lightbox-counter {
+    position: absolute;
+    bottom: var(--space-4);
+    left: 50%;
+    transform: translateX(-50%);
+    color: rgba(255, 255, 255, 0.6);
+    font-size: var(--font-size-sm);
+  }
+
+  /* Mobile adjustments */
+  @media (max-width: 989px) {
+    .image-gallery__grid--grid,
+    .image-gallery__grid--asymmetric {
+      grid-template-columns: repeat(var(--gallery-columns-mobile, 2), 1fr);
+    }
+
+    .image-gallery__grid--masonry {
+      columns: var(--gallery-columns-mobile, 2);
+    }
+
+    .image-gallery__grid--asymmetric .image-gallery__item--small,
+    .image-gallery__grid--asymmetric .image-gallery__item--medium,
+    .image-gallery__grid--asymmetric .image-gallery__item--large {
+      grid-column: span 1;
+      grid-row: span 1;
+    }
+  }
+
+  @media (max-width: 749px) {
+    .image-gallery__lightbox-container {
+      padding: var(--space-4);
+    }
+
+    .image-gallery__lightbox-nav {
+      width: 40px;
+      height: 40px;
+    }
+
+    .image-gallery__lightbox-image {
+      max-height: 60vh;
+    }
+  }
+
+  /* Reduced motion */
+  @media (prefers-reduced-motion: reduce) {
+    .image-gallery__image,
+    .image-gallery__overlay,
+    .image-gallery__zoom-icon,
+    .image-gallery__caption--reveal {
+      transition: none;
+    }
+  }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.image_gallery.name",
+  "tag": "section",
+  "class": "section-image-gallery",
+  "settings": [
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "t:labels.heading"
+    },
+    {
+      "type": "select",
+      "id": "heading_alignment",
+      "label": "t:labels.heading_alignment",
+      "options": [
+        { "value": "left", "label": "t:options.alignment.left" },
+        { "value": "center", "label": "t:options.alignment.center" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "select",
+      "id": "layout",
+      "label": "t:sections.image_gallery.settings.layout.label",
+      "options": [
+        { "value": "grid", "label": "t:sections.image_gallery.settings.layout.options.grid" },
+        { "value": "masonry", "label": "t:sections.image_gallery.settings.layout.options.masonry" },
+        { "value": "asymmetric", "label": "t:sections.image_gallery.settings.layout.options.asymmetric" }
+      ],
+      "default": "grid"
+    },
+    {
+      "type": "range",
+      "id": "columns_desktop",
+      "label": "t:labels.columns_desktop",
+      "min": 2,
+      "max": 4,
+      "step": 1,
+      "default": 3
+    },
+    {
+      "type": "select",
+      "id": "columns_mobile",
+      "label": "t:labels.columns_mobile",
+      "options": [
+        { "value": "1", "label": "1" },
+        { "value": "2", "label": "2" }
+      ],
+      "default": "2"
+    },
+    {
+      "type": "select",
+      "id": "gap",
+      "label": "t:sections.image_gallery.settings.gap.label",
+      "options": [
+        { "value": "0", "label": "t:sections.image_gallery.settings.gap.options.none" },
+        { "value": "2", "label": "t:sections.image_gallery.settings.gap.options.small" },
+        { "value": "4", "label": "t:sections.image_gallery.settings.gap.options.medium" },
+        { "value": "6", "label": "t:sections.image_gallery.settings.gap.options.large" }
+      ],
+      "default": "4"
+    },
+    {
+      "type": "select",
+      "id": "image_ratio",
+      "label": "t:sections.image_gallery.settings.image_ratio.label",
+      "options": [
+        { "value": "portrait", "label": "t:options.aspect_ratio.portrait" },
+        { "value": "landscape", "label": "t:options.aspect_ratio.landscape" },
+        { "value": "square", "label": "t:options.aspect_ratio.square" },
+        { "value": "natural", "label": "t:sections.image_gallery.settings.image_ratio.options.natural" }
+      ],
+      "default": "natural",
+      "info": "t:sections.image_gallery.settings.image_ratio.info"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_lightbox",
+      "label": "t:sections.image_gallery.settings.enable_lightbox.label",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "hover_effect",
+      "label": "t:sections.image_gallery.settings.hover_effect.label",
+      "options": [
+        { "value": "none", "label": "t:sections.image_gallery.settings.hover_effect.options.none" },
+        { "value": "zoom", "label": "t:sections.image_gallery.settings.hover_effect.options.zoom" },
+        { "value": "overlay", "label": "t:sections.image_gallery.settings.hover_effect.options.overlay" },
+        { "value": "caption", "label": "t:sections.image_gallery.settings.hover_effect.options.caption" }
+      ],
+      "default": "zoom"
+    },
+    {
+      "type": "checkbox",
+      "id": "full_width",
+      "label": "t:labels.full_width",
+      "default": false
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "image",
+      "name": "t:sections.image_gallery.blocks.image.name",
+      "settings": [
+        {
+          "type": "image_picker",
+          "id": "image",
+          "label": "t:labels.image"
+        },
+        {
+          "type": "text",
+          "id": "caption",
+          "label": "t:sections.image_gallery.blocks.image.settings.caption.label"
+        },
+        {
+          "type": "url",
+          "id": "link",
+          "label": "t:sections.image_gallery.blocks.image.settings.link.label",
+          "info": "t:sections.image_gallery.blocks.image.settings.link.info"
+        },
+        {
+          "type": "select",
+          "id": "size",
+          "label": "t:sections.image_gallery.blocks.image.settings.size.label",
+          "options": [
+            { "value": "small", "label": "t:sections.image_gallery.blocks.image.settings.size.options.small" },
+            { "value": "medium", "label": "t:sections.image_gallery.blocks.image.settings.size.options.medium" },
+            { "value": "large", "label": "t:sections.image_gallery.blocks.image.settings.size.options.large" }
+          ],
+          "default": "medium",
+          "info": "t:sections.image_gallery.blocks.image.settings.size.info"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.image_gallery.name",
+      "blocks": [
+        { "type": "image" },
+        { "type": "image" },
+        { "type": "image" },
+        { "type": "image" }
+      ]
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/image-with-text.liquid b/sections/image-with-text.liquid
new file mode 100644
index 00000000..802ff59d
--- /dev/null
+++ b/sections/image-with-text.liquid
@@ -0,0 +1,266 @@
+{% comment %}
+  Image with Text Section - Influence Theme
+  Versatile content + image layout with multiple positioning options
+{% endcomment %}
+
+{%- liquid
+  assign image_position = section.settings.image_position
+-%}
+
+<section class="image-with-text section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="image-with-text__grid{% if image_position == 'right' %} image-with-text__grid--reverse{% endif %}">
+    {%- comment -%} Image {%- endcomment -%}
+    <div class="image-with-text__media">
+      {%- if section.settings.image != blank -%}
+        {{
+          section.settings.image
+          | image_url: width: 1200
+          | image_tag:
+            loading: 'lazy',
+            sizes: '(min-width: 990px) 50vw, 100vw',
+            widths: '375, 550, 750, 1000, 1200',
+            class: 'image-with-text__image'
+        }}
+      {%- else -%}
+        {{ 'image' | placeholder_svg_tag: 'image-with-text__placeholder' }}
+      {%- endif -%}
+    </div>
+
+    {%- comment -%} Content {%- endcomment -%}
+    <div class="image-with-text__content text-{{ section.settings.content_alignment }}">
+      <div class="image-with-text__content-inner">
+        {%- for block in section.blocks -%}
+          {%- case block.type -%}
+            {%- when 'subheading' -%}
+              {%- if block.settings.text != blank -%}
+                <p class="image-with-text__subheading subheading" {{ block.shopify_attributes }}>
+                  {{ block.settings.text }}
+                </p>
+              {%- endif -%}
+
+            {%- when 'heading' -%}
+              {%- if block.settings.text != blank -%}
+                <h2 class="image-with-text__heading h2" {{ block.shopify_attributes }}>
+                  {{ block.settings.text }}
+                </h2>
+              {%- endif -%}
+
+            {%- when 'text' -%}
+              {%- if block.settings.text != blank -%}
+                <div class="image-with-text__text rte" {{ block.shopify_attributes }}>
+                  {{ block.settings.text }}
+                </div>
+              {%- endif -%}
+
+            {%- when 'button' -%}
+              {%- if block.settings.label != blank -%}
+                <div class="image-with-text__button" {{ block.shopify_attributes }}>
+                  <a
+                    href="{{ block.settings.link }}"
+                    class="btn btn--{{ block.settings.style }}"
+                  >
+                    {{ block.settings.label }}
+                  </a>
+                </div>
+              {%- endif -%}
+          {%- endcase -%}
+        {%- endfor -%}
+      </div>
+    </div>
+  </div>
+</section>
+
+{% stylesheet %}
+  .image-with-text {
+    padding-inline: 0;
+  }
+
+  .image-with-text__grid {
+    display: grid;
+    gap: var(--space-8);
+    align-items: center;
+  }
+
+  @media (min-width: 990px) {
+    .image-with-text__grid {
+      grid-template-columns: 1fr 1fr;
+      gap: 0;
+    }
+
+    .image-with-text__grid--reverse .image-with-text__media {
+      order: 2;
+    }
+  }
+
+  .image-with-text__media {
+    position: relative;
+    aspect-ratio: 4 / 5;
+    overflow: hidden;
+    background-color: var(--color-muted);
+  }
+
+  .image-with-text__image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .image-with-text__placeholder {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .image-with-text__content {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding: var(--space-8) var(--page-margin);
+  }
+
+  @media (min-width: 990px) {
+    .image-with-text__content {
+      padding: var(--space-16) var(--space-12);
+    }
+  }
+
+  .image-with-text__content.text-center {
+    align-items: center;
+  }
+
+  .image-with-text__content-inner {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-4);
+    max-width: 32rem;
+  }
+
+  .image-with-text__subheading {
+    margin-bottom: var(--space-1);
+  }
+
+  .image-with-text__button {
+    margin-top: var(--space-4);
+  }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.image_with_text.name",
+  "class": "section-image-with-text",
+  "tag": "section",
+  "settings": [
+    {
+      "type": "image_picker",
+      "id": "image",
+      "label": "t:sections.image_with_text.settings.image.label"
+    },
+    {
+      "type": "select",
+      "id": "image_position",
+      "label": "t:sections.image_with_text.settings.image_position.label",
+      "options": [
+        { "value": "left", "label": "t:sections.image_with_text.settings.image_position.options.left" },
+        { "value": "right", "label": "t:sections.image_with_text.settings.image_position.options.right" }
+      ],
+      "default": "left"
+    },
+    {
+      "type": "select",
+      "id": "content_alignment",
+      "label": "t:sections.image_with_text.settings.content_alignment.label",
+      "options": [
+        { "value": "left", "label": "t:sections.image_with_text.settings.content_alignment.options.left" },
+        { "value": "center", "label": "t:sections.image_with_text.settings.content_alignment.options.center" }
+      ],
+      "default": "left"
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:sections.image_with_text.settings.color_scheme.label",
+      "default": "scheme_1"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "subheading",
+      "name": "Subheading",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "Subheading"
+        }
+      ]
+    },
+    {
+      "type": "heading",
+      "name": "t:sections.image_with_text.blocks.heading.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.heading",
+          "default": "Image with text"
+        }
+      ]
+    },
+    {
+      "type": "text",
+      "name": "t:sections.image_with_text.blocks.text.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "richtext",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "<p>Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.</p>"
+        }
+      ]
+    },
+    {
+      "type": "button",
+      "name": "t:sections.image_with_text.blocks.button.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "label",
+          "label": "t:labels.button_label",
+          "default": "Shop now"
+        },
+        {
+          "type": "url",
+          "id": "link",
+          "label": "t:labels.button_link"
+        },
+        {
+          "type": "select",
+          "id": "style",
+          "label": "Style",
+          "options": [
+            { "value": "primary", "label": "Primary" },
+            { "value": "secondary", "label": "Secondary" }
+          ],
+          "default": "primary"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.image_with_text.name",
+      "blocks": [
+        { "type": "subheading" },
+        { "type": "heading" },
+        { "type": "text" },
+        { "type": "button" }
+      ]
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/lookbook.liquid b/sections/lookbook.liquid
new file mode 100644
index 00000000..44cb989d
--- /dev/null
+++ b/sections/lookbook.liquid
@@ -0,0 +1,686 @@
+{% comment %}
+  Lookbook Section - Influence Theme
+  Shoppable image with product hotspots for "shop the look" experience
+  Essential fashion feature for editorial-to-commerce conversion
+{% endcomment %}
+
+{%- liquid
+  assign section_id = 'Lookbook-' | append: section.id
+  assign hotspot_style = section.settings.hotspot_style
+  assign hotspot_color = section.settings.hotspot_color
+  assign image_ratio = section.settings.image_ratio
+-%}
+
+<section
+  id="{{ section_id }}"
+  class="lookbook section {% render 'color-scheme', scheme: section.settings.color_scheme %}"
+  data-section-id="{{ section.id }}"
+  data-section-type="lookbook"
+>
+  <div class="container">
+    {%- if section.settings.heading != blank -%}
+      <h2 class="lookbook__heading section-heading text-{{ section.settings.heading_alignment }}">
+        {{ section.settings.heading }}
+      </h2>
+    {%- endif -%}
+
+    <div class="lookbook__wrapper">
+      <div class="lookbook__media lookbook__media--{{ image_ratio }}">
+        {%- if section.settings.image != blank -%}
+          {{
+            section.settings.image
+            | image_url: width: 2000
+            | image_tag:
+              loading: 'lazy',
+              sizes: '(min-width: 1400px) 1200px, (min-width: 990px) 90vw, 100vw',
+              widths: '375, 550, 750, 1000, 1200, 1500, 2000',
+              class: 'lookbook__image'
+          }}
+        {%- else -%}
+          <div class="lookbook__placeholder">
+            {{ 'lifestyle-2' | placeholder_svg_tag: 'lookbook__placeholder-svg' }}
+          </div>
+        {%- endif -%}
+
+        {%- comment -%} Product Hotspots {%- endcomment -%}
+        {%- for block in section.blocks -%}
+          {%- if block.type == 'hotspot' and block.settings.product != blank -%}
+            {%- assign product = block.settings.product -%}
+            <div
+              class="lookbook__hotspot-wrapper"
+              style="--hotspot-x: {{ block.settings.horizontal_position }}%; --hotspot-y: {{ block.settings.vertical_position }}%;"
+              {{ block.shopify_attributes }}
+            >
+              <button
+                type="button"
+                class="lookbook__hotspot lookbook__hotspot--{{ hotspot_style }} lookbook__hotspot--{{ hotspot_color }}"
+                aria-expanded="false"
+                aria-controls="lookbook-card-{{ block.id }}"
+                aria-label="{{ 'sections.lookbook.view_product' | t: product: product.title }}"
+                data-hotspot-trigger
+              >
+                <span class="lookbook__hotspot-pulse"></span>
+                <span class="lookbook__hotspot-dot">
+                  {%- if hotspot_style == 'numbered' -%}
+                    {{ forloop.index }}
+                  {%- elsif hotspot_style == 'icon' -%}
+                    {% render 'icon', icon: 'plus', size: 'xs' %}
+                  {%- endif -%}
+                </span>
+              </button>
+
+              {%- comment -%} Product Card {%- endcomment -%}
+              <div
+                id="lookbook-card-{{ block.id }}"
+                class="lookbook__card"
+                data-hotspot-card
+                hidden
+              >
+                <button
+                  type="button"
+                  class="lookbook__card-close"
+                  aria-label="{{ 'accessibility.close' | t }}"
+                  data-hotspot-close
+                >
+                  {% render 'icon', icon: 'close', size: 'sm' %}
+                </button>
+
+                <a href="{{ product.url }}" class="lookbook__card-link">
+                  <div class="lookbook__card-media">
+                    {%- if product.featured_media -%}
+                      {{
+                        product.featured_media
+                        | image_url: width: 400
+                        | image_tag:
+                          loading: 'lazy',
+                          width: 200,
+                          height: 250,
+                          class: 'lookbook__card-image'
+                      }}
+                    {%- else -%}
+                      {{ 'product-1' | placeholder_svg_tag: 'lookbook__card-placeholder' }}
+                    {%- endif -%}
+                  </div>
+
+                  <div class="lookbook__card-content">
+                    <h3 class="lookbook__card-title">{{ product.title }}</h3>
+                    <div class="lookbook__card-price">
+                      {% render 'price', product: product %}
+                    </div>
+                  </div>
+                </a>
+
+                {%- if section.settings.enable_quick_add and product.available -%}
+                  {%- if product.variants.size == 1 -%}
+                    <form method="post" action="{{ routes.cart_add_url }}" class="lookbook__card-form">
+                      <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
+                      <button type="submit" class="lookbook__card-add btn btn--small btn--secondary">
+                        {{ 'product.add_to_cart' | t }}
+                      </button>
+                    </form>
+                  {%- else -%}
+                    <a href="{{ product.url }}" class="lookbook__card-add btn btn--small btn--secondary">
+                      {{ 'product.choose_options' | t }}
+                    </a>
+                  {%- endif -%}
+                {%- elsif product.available == false -%}
+                  <span class="lookbook__card-sold-out">{{ 'product.sold_out' | t }}</span>
+                {%- endif -%}
+              </div>
+            </div>
+          {%- endif -%}
+        {%- endfor -%}
+      </div>
+    </div>
+  </div>
+</section>
+
+<script>
+  (function() {
+    const section = document.getElementById('{{ section_id }}');
+    if (!section) return;
+
+    const hotspots = section.querySelectorAll('[data-hotspot-trigger]');
+    const cards = section.querySelectorAll('[data-hotspot-card]');
+
+    function closeAllCards() {
+      hotspots.forEach(h => h.setAttribute('aria-expanded', 'false'));
+      cards.forEach(c => c.hidden = true);
+    }
+
+    function openCard(hotspot) {
+      closeAllCards();
+      const cardId = hotspot.getAttribute('aria-controls');
+      const card = document.getElementById(cardId);
+      if (card) {
+        hotspot.setAttribute('aria-expanded', 'true');
+        card.hidden = false;
+        positionCard(hotspot, card);
+      }
+    }
+
+    function positionCard(hotspot, card) {
+      const wrapper = hotspot.closest('.lookbook__hotspot-wrapper');
+      const media = section.querySelector('.lookbook__media');
+      const mediaRect = media.getBoundingClientRect();
+      const wrapperRect = wrapper.getBoundingClientRect();
+
+      // Reset positioning
+      card.style.removeProperty('left');
+      card.style.removeProperty('right');
+      card.style.removeProperty('top');
+      card.style.removeProperty('bottom');
+      card.classList.remove('lookbook__card--left', 'lookbook__card--right', 'lookbook__card--above');
+
+      // Determine horizontal position
+      const hotspotCenterX = wrapperRect.left + wrapperRect.width / 2;
+      const mediaCenterX = mediaRect.left + mediaRect.width / 2;
+
+      if (hotspotCenterX < mediaCenterX) {
+        card.classList.add('lookbook__card--right');
+      } else {
+        card.classList.add('lookbook__card--left');
+      }
+
+      // Determine vertical position
+      const hotspotCenterY = wrapperRect.top + wrapperRect.height / 2;
+      const mediaBottomThird = mediaRect.top + (mediaRect.height * 0.66);
+
+      if (hotspotCenterY > mediaBottomThird) {
+        card.classList.add('lookbook__card--above');
+      }
+    }
+
+    hotspots.forEach(hotspot => {
+      hotspot.addEventListener('click', (e) => {
+        e.stopPropagation();
+        const isOpen = hotspot.getAttribute('aria-expanded') === 'true';
+        if (isOpen) {
+          closeAllCards();
+        } else {
+          openCard(hotspot);
+        }
+      });
+    });
+
+    // Close buttons
+    section.querySelectorAll('[data-hotspot-close]').forEach(btn => {
+      btn.addEventListener('click', (e) => {
+        e.stopPropagation();
+        closeAllCards();
+      });
+    });
+
+    // Close on click outside
+    document.addEventListener('click', (e) => {
+      if (!e.target.closest('.lookbook__hotspot-wrapper')) {
+        closeAllCards();
+      }
+    });
+
+    // Close on Escape
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') {
+        closeAllCards();
+      }
+    });
+
+    // Handle resize
+    let resizeTimeout;
+    window.addEventListener('resize', () => {
+      clearTimeout(resizeTimeout);
+      resizeTimeout = setTimeout(() => {
+        const openHotspot = section.querySelector('[data-hotspot-trigger][aria-expanded="true"]');
+        if (openHotspot) {
+          const cardId = openHotspot.getAttribute('aria-controls');
+          const card = document.getElementById(cardId);
+          if (card) positionCard(openHotspot, card);
+        }
+      }, 100);
+    });
+  })();
+</script>
+
+{% stylesheet %}
+  .lookbook {
+    --hotspot-size: 2.5rem;
+  }
+
+  .lookbook__heading {
+    margin-bottom: var(--space-8);
+  }
+
+  .lookbook__wrapper {
+    position: relative;
+    max-width: var(--page-max-width);
+    margin-inline: auto;
+  }
+
+  .lookbook__media {
+    position: relative;
+    overflow: hidden;
+    background-color: var(--color-muted);
+  }
+
+  /* Aspect ratios */
+  .lookbook__media--landscape { aspect-ratio: 16 / 9; }
+  .lookbook__media--portrait { aspect-ratio: 3 / 4; }
+  .lookbook__media--square { aspect-ratio: 1 / 1; }
+  .lookbook__media--original { aspect-ratio: auto; }
+
+  .lookbook__image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .lookbook__placeholder {
+    width: 100%;
+    height: 100%;
+    min-height: 400px;
+  }
+
+  .lookbook__placeholder-svg {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  /* Hotspot wrapper - positioned absolutely */
+  .lookbook__hotspot-wrapper {
+    position: absolute;
+    left: var(--hotspot-x);
+    top: var(--hotspot-y);
+    transform: translate(-50%, -50%);
+    z-index: 2;
+  }
+
+  /* Hotspot button */
+  .lookbook__hotspot {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--hotspot-size);
+    height: var(--hotspot-size);
+    padding: 0;
+    border: none;
+    border-radius: 50%;
+    cursor: pointer;
+    transition: transform var(--duration-normal) var(--ease-out);
+  }
+
+  .lookbook__hotspot:hover,
+  .lookbook__hotspot:focus-visible {
+    transform: scale(1.1);
+  }
+
+  .lookbook__hotspot:focus-visible {
+    outline: 2px solid var(--color-foreground);
+    outline-offset: 2px;
+  }
+
+  /* Hotspot styles */
+  .lookbook__hotspot--minimal {
+    background: transparent;
+  }
+
+  .lookbook__hotspot--numbered,
+  .lookbook__hotspot--icon {
+    background: var(--hotspot-bg, rgba(255, 255, 255, 0.95));
+    color: var(--hotspot-color, #000);
+    font-size: var(--font-size-xs);
+    font-weight: 600;
+  }
+
+  /* Hotspot colors */
+  .lookbook__hotspot--light {
+    --hotspot-bg: rgba(255, 255, 255, 0.95);
+    --hotspot-color: #000;
+    --hotspot-pulse-color: rgba(255, 255, 255, 0.5);
+  }
+
+  .lookbook__hotspot--dark {
+    --hotspot-bg: rgba(0, 0, 0, 0.85);
+    --hotspot-color: #fff;
+    --hotspot-pulse-color: rgba(0, 0, 0, 0.3);
+  }
+
+  .lookbook__hotspot--accent {
+    --hotspot-bg: var(--color-foreground);
+    --hotspot-color: var(--color-background);
+    --hotspot-pulse-color: var(--color-foreground);
+  }
+
+  /* Pulse animation */
+  .lookbook__hotspot-pulse {
+    position: absolute;
+    inset: 0;
+    border-radius: 50%;
+    background: var(--hotspot-pulse-color, rgba(255, 255, 255, 0.5));
+    animation: hotspotPulse 2s ease-out infinite;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .lookbook__hotspot-pulse {
+      animation: none;
+    }
+  }
+
+  @keyframes hotspotPulse {
+    0% {
+      transform: scale(1);
+      opacity: 0.6;
+    }
+    100% {
+      transform: scale(2);
+      opacity: 0;
+    }
+  }
+
+  .lookbook__hotspot-dot {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background: var(--hotspot-bg, rgba(255, 255, 255, 0.95));
+  }
+
+  .lookbook__hotspot--minimal .lookbook__hotspot-dot {
+    width: 12px;
+    height: 12px;
+    border: 2px solid var(--hotspot-bg, rgba(255, 255, 255, 0.95));
+    background: transparent;
+  }
+
+  .lookbook__hotspot--minimal.lookbook__hotspot--dark .lookbook__hotspot-dot {
+    border-color: rgba(0, 0, 0, 0.85);
+  }
+
+  /* Product Card */
+  .lookbook__card {
+    position: absolute;
+    width: 220px;
+    background: var(--color-background);
+    border-radius: var(--radius-base);
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+    z-index: 10;
+    overflow: hidden;
+  }
+
+  .lookbook__card--right {
+    left: calc(100% + var(--space-4));
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .lookbook__card--left {
+    right: calc(100% + var(--space-4));
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .lookbook__card--above {
+    top: auto;
+    bottom: calc(100% + var(--space-4));
+    transform: translateY(0);
+  }
+
+  .lookbook__card--above.lookbook__card--right {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .lookbook__card--above.lookbook__card--left {
+    right: auto;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .lookbook__card-close {
+    position: absolute;
+    top: var(--space-2);
+    right: var(--space-2);
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    padding: 0;
+    background: rgba(255, 255, 255, 0.9);
+    border: none;
+    border-radius: 50%;
+    cursor: pointer;
+    transition: background var(--duration-fast);
+  }
+
+  .lookbook__card-close:hover {
+    background: #fff;
+  }
+
+  .lookbook__card-link {
+    display: block;
+    text-decoration: none;
+    color: inherit;
+  }
+
+  .lookbook__card-media {
+    aspect-ratio: 4 / 5;
+    background: var(--color-muted);
+    overflow: hidden;
+  }
+
+  .lookbook__card-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    transition: transform var(--duration-normal) var(--ease-out);
+  }
+
+  .lookbook__card-link:hover .lookbook__card-image {
+    transform: scale(1.05);
+  }
+
+  .lookbook__card-placeholder {
+    width: 100%;
+    height: 100%;
+  }
+
+  .lookbook__card-content {
+    padding: var(--space-4);
+  }
+
+  .lookbook__card-title {
+    font-size: var(--font-size-sm);
+    font-weight: 500;
+    line-height: 1.3;
+    margin: 0 0 var(--space-2);
+  }
+
+  .lookbook__card-price {
+    font-size: var(--font-size-sm);
+  }
+
+  .lookbook__card-form,
+  .lookbook__card-add {
+    display: block;
+    margin: 0 var(--space-4) var(--space-4);
+  }
+
+  .lookbook__card-add {
+    width: calc(100% - var(--space-8));
+    text-align: center;
+  }
+
+  .lookbook__card-sold-out {
+    display: block;
+    padding: var(--space-2) var(--space-4) var(--space-4);
+    font-size: var(--font-size-xs);
+    color: var(--color-muted-foreground);
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+  }
+
+  /* Mobile adjustments */
+  @media (max-width: 749px) {
+    .lookbook {
+      --hotspot-size: 2rem;
+    }
+
+    .lookbook__card {
+      position: fixed;
+      left: var(--space-4) !important;
+      right: var(--space-4) !important;
+      bottom: var(--space-4) !important;
+      top: auto !important;
+      transform: none !important;
+      width: auto;
+      max-width: none;
+    }
+
+    .lookbook__card-media {
+      aspect-ratio: 1 / 1;
+      max-height: 150px;
+    }
+  }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.lookbook.name",
+  "tag": "section",
+  "class": "section-lookbook",
+  "settings": [
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "t:labels.heading",
+      "default": "Shop the Look"
+    },
+    {
+      "type": "select",
+      "id": "heading_alignment",
+      "label": "t:labels.heading_alignment",
+      "options": [
+        { "value": "left", "label": "t:options.alignment.left" },
+        { "value": "center", "label": "t:options.alignment.center" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "image_picker",
+      "id": "image",
+      "label": "t:sections.lookbook.settings.image.label"
+    },
+    {
+      "type": "select",
+      "id": "image_ratio",
+      "label": "t:sections.lookbook.settings.image_ratio.label",
+      "options": [
+        { "value": "landscape", "label": "t:options.aspect_ratio.landscape" },
+        { "value": "portrait", "label": "t:options.aspect_ratio.portrait" },
+        { "value": "square", "label": "t:options.aspect_ratio.square" },
+        { "value": "original", "label": "t:options.aspect_ratio.original" }
+      ],
+      "default": "landscape"
+    },
+    {
+      "type": "select",
+      "id": "hotspot_style",
+      "label": "t:sections.lookbook.settings.hotspot_style.label",
+      "options": [
+        { "value": "minimal", "label": "t:sections.lookbook.settings.hotspot_style.options.minimal" },
+        { "value": "numbered", "label": "t:sections.lookbook.settings.hotspot_style.options.numbered" },
+        { "value": "icon", "label": "t:sections.lookbook.settings.hotspot_style.options.icon" }
+      ],
+      "default": "minimal"
+    },
+    {
+      "type": "select",
+      "id": "hotspot_color",
+      "label": "t:sections.lookbook.settings.hotspot_color.label",
+      "options": [
+        { "value": "light", "label": "t:sections.lookbook.settings.hotspot_color.options.light" },
+        { "value": "dark", "label": "t:sections.lookbook.settings.hotspot_color.options.dark" },
+        { "value": "accent", "label": "t:sections.lookbook.settings.hotspot_color.options.accent" }
+      ],
+      "default": "light"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_quick_add",
+      "label": "t:sections.lookbook.settings.enable_quick_add.label",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "hotspot",
+      "name": "t:sections.lookbook.blocks.hotspot.name",
+      "settings": [
+        {
+          "type": "product",
+          "id": "product",
+          "label": "t:sections.lookbook.blocks.hotspot.settings.product.label"
+        },
+        {
+          "type": "range",
+          "id": "horizontal_position",
+          "label": "t:sections.lookbook.blocks.hotspot.settings.horizontal_position.label",
+          "min": 5,
+          "max": 95,
+          "step": 1,
+          "default": 50,
+          "unit": "%"
+        },
+        {
+          "type": "range",
+          "id": "vertical_position",
+          "label": "t:sections.lookbook.blocks.hotspot.settings.vertical_position.label",
+          "min": 5,
+          "max": 95,
+          "step": 1,
+          "default": 50,
+          "unit": "%"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.lookbook.name",
+      "blocks": [
+        {
+          "type": "hotspot",
+          "settings": {
+            "horizontal_position": 30,
+            "vertical_position": 40
+          }
+        },
+        {
+          "type": "hotspot",
+          "settings": {
+            "horizontal_position": 70,
+            "vertical_position": 60
+          }
+        }
+      ]
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-404.liquid b/sections/main-404.liquid
new file mode 100644
index 00000000..a56766aa
--- /dev/null
+++ b/sections/main-404.liquid
@@ -0,0 +1,63 @@
+{% comment %}
+  Main 404 Section - Influence Theme
+  Displays 404 error page with search and navigation
+{% endcomment %}
+
+<section class="main-404 section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    <div class="main-404__content text-center">
+      <span class="main-404__code">404</span>
+      <h1 class="main-404__heading h1">{{ 'general.404.title' | t }}</h1>
+      <p class="main-404__text">{{ 'general.404.subtext' | t }}</p>
+
+      {%- if section.settings.show_search -%}
+        <div class="main-404__search">
+          <form action="{{ routes.search_url }}" method="get" role="search" class="search-form">
+            <label for="Search-404" class="visually-hidden">{{ 'search.placeholder' | t }}</label>
+            <input
+              type="search"
+              id="Search-404"
+              name="q"
+              class="search-form__input form-input"
+              placeholder="{{ 'search.placeholder' | t }}"
+            >
+            <input type="hidden" name="type" value="product,article,page">
+            <button type="submit" class="btn btn--primary">
+              {{ 'search.search' | t }}
+            </button>
+          </form>
+        </div>
+      {%- endif -%}
+
+      <a href="{{ routes.root_url }}" class="btn btn--outline main-404__home-btn">
+        {{ 'general.404.back_home' | t }}
+      </a>
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.main_404.name",
+  "tag": "section",
+  "class": "section-main-404",
+  "settings": [
+    {
+      "type": "checkbox",
+      "id": "show_search",
+      "label": "t:sections.main_404.settings.show_search.label",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-account.liquid b/sections/main-account.liquid
new file mode 100644
index 00000000..e440875e
--- /dev/null
+++ b/sections/main-account.liquid
@@ -0,0 +1,114 @@
+{% comment %}
+  Main Account Section - Influence Theme
+  Displays customer account dashboard with order history
+{% endcomment %}
+
+<section class="main-account section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    <header class="account-header">
+      <h1 class="account-header__title h2">{{ 'customer.account.title' | t }}</h1>
+      <a href="{{ routes.account_logout_url }}" class="account-header__logout link">
+        {{ 'customer.account.logout' | t }}
+      </a>
+    </header>
+
+    <div class="account-content">
+      {%- comment -%} Account Details {%- endcomment -%}
+      <div class="account-details">
+        <h2 class="account-details__heading h4">{{ 'customer.account.details' | t }}</h2>
+        <p class="account-details__name">{{ customer.name }}</p>
+        <p class="account-details__email">{{ customer.email }}</p>
+
+        {%- if customer.default_address -%}
+          <address class="account-details__address">
+            {{ customer.default_address | format_address }}
+          </address>
+        {%- endif -%}
+
+        <a href="{{ routes.account_addresses_url }}" class="account-details__link link">
+          {{ 'customer.account.view_addresses' | t }} ({{ customer.addresses_count }})
+        </a>
+      </div>
+
+      {%- comment -%} Order History {%- endcomment -%}
+      <div class="account-orders">
+        <h2 class="account-orders__heading h4">{{ 'customer.orders.title' | t }}</h2>
+
+        {%- if customer.orders.size > 0 -%}
+          <div class="account-orders__table-wrapper">
+            <table class="account-orders__table">
+              <thead>
+                <tr>
+                  <th>{{ 'customer.orders.order_number' | t }}</th>
+                  <th>{{ 'customer.orders.date' | t }}</th>
+                  <th>{{ 'customer.orders.payment_status' | t }}</th>
+                  <th>{{ 'customer.orders.fulfillment_status' | t }}</th>
+                  <th class="text-right">{{ 'customer.orders.total' | t }}</th>
+                </tr>
+              </thead>
+              <tbody>
+                {%- for order in customer.orders -%}
+                  <tr>
+                    <td>
+                      <a href="{{ order.customer_url }}">{{ order.name }}</a>
+                    </td>
+                    <td>{{ order.created_at | date: format: 'date' }}</td>
+                    <td>{{ order.financial_status_label }}</td>
+                    <td>{{ order.fulfillment_status_label }}</td>
+                    <td class="text-right">{{ order.total_price | money_with_currency }}</td>
+                  </tr>
+                {%- endfor -%}
+              </tbody>
+            </table>
+          </div>
+
+          {%- comment -%} Pagination {%- endcomment -%}
+          {%- paginate customer.orders by 20 -%}
+            {%- if paginate.pages > 1 -%}
+              <nav class="pagination" aria-label="{{ 'accessibility.pagination' | t }}">
+                <ul class="pagination__list">
+                  {%- if paginate.previous -%}
+                    <li>
+                      <a href="{{ paginate.previous.url }}" class="pagination__link">
+                        {{ 'pagination.previous' | t }}
+                      </a>
+                    </li>
+                  {%- endif -%}
+                  {%- if paginate.next -%}
+                    <li>
+                      <a href="{{ paginate.next.url }}" class="pagination__link">
+                        {{ 'pagination.next' | t }}
+                      </a>
+                    </li>
+                  {%- endif -%}
+                </ul>
+              </nav>
+            {%- endif -%}
+          {%- endpaginate -%}
+        {%- else -%}
+          <p class="account-orders__empty">{{ 'customer.orders.none' | t }}</p>
+        {%- endif -%}
+      </div>
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.main_account.name",
+  "tag": "section",
+  "class": "section-main-account",
+  "settings": [
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-activate-account.liquid b/sections/main-activate-account.liquid
new file mode 100644
index 00000000..2030ca80
--- /dev/null
+++ b/sections/main-activate-account.liquid
@@ -0,0 +1,73 @@
+{% comment %}
+  Main Activate Account Section - Influence Theme
+  Account activation form
+{% endcomment %}
+
+<section class="main-activate-account section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container container--narrow">
+    <div class="account-form">
+      <h1 class="account-form__title h2">{{ 'customer.activate_account.title' | t }}</h1>
+      <p class="account-form__subtitle">{{ 'customer.activate_account.subtext' | t }}</p>
+
+      {%- form 'activate_customer_password', class: 'account-form__form' -%}
+        {%- if form.errors -%}
+          <div class="form-message form-message--error">
+            {{ form.errors | default_errors }}
+          </div>
+        {%- endif -%}
+
+        <div class="form-group">
+          <label for="ActivatePassword" class="form-label">{{ 'customer.activate_account.password' | t }}</label>
+          <input
+            type="password"
+            id="ActivatePassword"
+            name="customer[password]"
+            class="form-input"
+            autocomplete="new-password"
+            required
+          >
+        </div>
+
+        <div class="form-group">
+          <label for="ActivatePasswordConfirm" class="form-label">{{ 'customer.activate_account.password_confirm' | t }}</label>
+          <input
+            type="password"
+            id="ActivatePasswordConfirm"
+            name="customer[password_confirmation]"
+            class="form-input"
+            autocomplete="new-password"
+            required
+          >
+        </div>
+
+        <button type="submit" class="btn btn--primary btn--full">
+          {{ 'customer.activate_account.submit' | t }}
+        </button>
+
+        <p class="account-form__decline">
+          <a href="{{ routes.account_url }}">{{ 'customer.activate_account.cancel' | t }}</a>
+        </p>
+      {%- endform -%}
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.main_activate_account.name",
+  "tag": "section",
+  "class": "section-main-activate-account",
+  "settings": [
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-addresses.liquid b/sections/main-addresses.liquid
new file mode 100644
index 00000000..9007b710
--- /dev/null
+++ b/sections/main-addresses.liquid
@@ -0,0 +1,300 @@
+{% comment %}
+  Main Addresses Section - Influence Theme
+  Customer addresses management
+{% endcomment %}
+
+<section class="main-addresses section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    <header class="addresses-header">
+      <a href="{{ routes.account_url }}" class="addresses-header__back link-with-arrow link-with-arrow--reverse">
+        {% render 'icon', icon: 'arrow-left', size: 'sm' %}
+        {{ 'customer.account.return' | t }}
+      </a>
+      <h1 class="addresses-header__title h2">{{ 'customer.addresses.title' | t }}</h1>
+    </header>
+
+    <div class="addresses-content">
+      {%- comment -%} Add New Address Button {%- endcomment -%}
+      <button type="button" class="btn btn--outline addresses-add-btn" data-address-toggle-new>
+        {{ 'customer.addresses.add_new' | t }}
+      </button>
+
+      {%- comment -%} New Address Form {%- endcomment -%}
+      <div class="address-form-wrapper" id="AddressNewForm" hidden>
+        <h2 class="address-form__heading h4">{{ 'customer.addresses.add_new' | t }}</h2>
+
+        {%- form 'customer_address', customer.new_address, class: 'address-form' -%}
+          <div class="form-row">
+            <div class="form-group">
+              <label for="AddressFirstNameNew" class="form-label">{{ 'customer.addresses.first_name' | t }}</label>
+              <input type="text" id="AddressFirstNameNew" name="address[first_name]" class="form-input" autocomplete="given-name">
+            </div>
+            <div class="form-group">
+              <label for="AddressLastNameNew" class="form-label">{{ 'customer.addresses.last_name' | t }}</label>
+              <input type="text" id="AddressLastNameNew" name="address[last_name]" class="form-input" autocomplete="family-name">
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label for="AddressCompanyNew" class="form-label">{{ 'customer.addresses.company' | t }}</label>
+            <input type="text" id="AddressCompanyNew" name="address[company]" class="form-input" autocomplete="organization">
+          </div>
+
+          <div class="form-group">
+            <label for="AddressAddress1New" class="form-label">{{ 'customer.addresses.address1' | t }}</label>
+            <input type="text" id="AddressAddress1New" name="address[address1]" class="form-input" autocomplete="address-line1">
+          </div>
+
+          <div class="form-group">
+            <label for="AddressAddress2New" class="form-label">{{ 'customer.addresses.address2' | t }}</label>
+            <input type="text" id="AddressAddress2New" name="address[address2]" class="form-input" autocomplete="address-line2">
+          </div>
+
+          <div class="form-row">
+            <div class="form-group">
+              <label for="AddressCityNew" class="form-label">{{ 'customer.addresses.city' | t }}</label>
+              <input type="text" id="AddressCityNew" name="address[city]" class="form-input" autocomplete="address-level2">
+            </div>
+            <div class="form-group">
+              <label for="AddressCountryNew" class="form-label">{{ 'customer.addresses.country' | t }}</label>
+              <select id="AddressCountryNew" name="address[country]" class="form-select" data-address-country-select data-form-id="new">
+                {{ all_country_option_tags }}
+              </select>
+            </div>
+          </div>
+
+          <div class="form-row">
+            <div class="form-group">
+              <label for="AddressProvinceNew" class="form-label">{{ 'customer.addresses.province' | t }}</label>
+              <select id="AddressProvinceNew" name="address[province]" class="form-select" data-address-province-select>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="AddressZipNew" class="form-label">{{ 'customer.addresses.zip' | t }}</label>
+              <input type="text" id="AddressZipNew" name="address[zip]" class="form-input" autocomplete="postal-code">
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label for="AddressPhoneNew" class="form-label">{{ 'customer.addresses.phone' | t }}</label>
+            <input type="tel" id="AddressPhoneNew" name="address[phone]" class="form-input" autocomplete="tel">
+          </div>
+
+          <div class="form-group form-group--checkbox">
+            <input type="checkbox" id="AddressDefaultNew" name="address[default]" value="1" class="form-checkbox">
+            <label for="AddressDefaultNew" class="form-label">{{ 'customer.addresses.set_default' | t }}</label>
+          </div>
+
+          <div class="address-form__actions">
+            <button type="submit" class="btn btn--primary">{{ 'customer.addresses.add' | t }}</button>
+            <button type="button" class="btn btn--outline" data-address-toggle-new>{{ 'customer.addresses.cancel' | t }}</button>
+          </div>
+        {%- endform -%}
+      </div>
+
+      {%- comment -%} Existing Addresses {%- endcomment -%}
+      {%- if customer.addresses.size > 0 -%}
+        <div class="addresses-list">
+          {%- for address in customer.addresses -%}
+            <div class="address-card">
+              {%- if address == customer.default_address -%}
+                <span class="address-card__badge">{{ 'customer.addresses.default' | t }}</span>
+              {%- endif -%}
+
+              <address class="address-card__address">
+                {{ address | format_address }}
+              </address>
+
+              <div class="address-card__actions">
+                <button type="button" class="link" data-address-toggle-edit="{{ address.id }}">
+                  {{ 'customer.addresses.edit' | t }}
+                </button>
+                <button type="button" class="link" data-address-delete="{{ address.id }}" data-confirm="{{ 'customer.addresses.delete_confirm' | t }}">
+                  {{ 'customer.addresses.delete' | t }}
+                </button>
+              </div>
+
+              {%- comment -%} Edit Form {%- endcomment -%}
+              <div class="address-form-wrapper" id="AddressEditForm-{{ address.id }}" hidden>
+                <h3 class="address-form__heading h5">{{ 'customer.addresses.edit_address' | t }}</h3>
+
+                {%- form 'customer_address', address, class: 'address-form' -%}
+                  <div class="form-row">
+                    <div class="form-group">
+                      <label for="AddressFirstName{{ address.id }}" class="form-label">{{ 'customer.addresses.first_name' | t }}</label>
+                      <input type="text" id="AddressFirstName{{ address.id }}" name="address[first_name]" class="form-input" value="{{ address.first_name }}">
+                    </div>
+                    <div class="form-group">
+                      <label for="AddressLastName{{ address.id }}" class="form-label">{{ 'customer.addresses.last_name' | t }}</label>
+                      <input type="text" id="AddressLastName{{ address.id }}" name="address[last_name]" class="form-input" value="{{ address.last_name }}">
+                    </div>
+                  </div>
+
+                  <div class="form-group">
+                    <label for="AddressCompany{{ address.id }}" class="form-label">{{ 'customer.addresses.company' | t }}</label>
+                    <input type="text" id="AddressCompany{{ address.id }}" name="address[company]" class="form-input" value="{{ address.company }}">
+                  </div>
+
+                  <div class="form-group">
+                    <label for="AddressAddress1{{ address.id }}" class="form-label">{{ 'customer.addresses.address1' | t }}</label>
+                    <input type="text" id="AddressAddress1{{ address.id }}" name="address[address1]" class="form-input" value="{{ address.address1 }}">
+                  </div>
+
+                  <div class="form-group">
+                    <label for="AddressAddress2{{ address.id }}" class="form-label">{{ 'customer.addresses.address2' | t }}</label>
+                    <input type="text" id="AddressAddress2{{ address.id }}" name="address[address2]" class="form-input" value="{{ address.address2 }}">
+                  </div>
+
+                  <div class="form-row">
+                    <div class="form-group">
+                      <label for="AddressCity{{ address.id }}" class="form-label">{{ 'customer.addresses.city' | t }}</label>
+                      <input type="text" id="AddressCity{{ address.id }}" name="address[city]" class="form-input" value="{{ address.city }}">
+                    </div>
+                    <div class="form-group">
+                      <label for="AddressCountry{{ address.id }}" class="form-label">{{ 'customer.addresses.country' | t }}</label>
+                      <select id="AddressCountry{{ address.id }}" name="address[country]" class="form-select" data-address-country-select data-form-id="{{ address.id }}" data-default="{{ address.country }}">
+                        {{ all_country_option_tags }}
+                      </select>
+                    </div>
+                  </div>
+
+                  <div class="form-row">
+                    <div class="form-group">
+                      <label for="AddressProvince{{ address.id }}" class="form-label">{{ 'customer.addresses.province' | t }}</label>
+                      <select id="AddressProvince{{ address.id }}" name="address[province]" class="form-select" data-address-province-select data-default="{{ address.province }}">
+                      </select>
+                    </div>
+                    <div class="form-group">
+                      <label for="AddressZip{{ address.id }}" class="form-label">{{ 'customer.addresses.zip' | t }}</label>
+                      <input type="text" id="AddressZip{{ address.id }}" name="address[zip]" class="form-input" value="{{ address.zip }}">
+                    </div>
+                  </div>
+
+                  <div class="form-group">
+                    <label for="AddressPhone{{ address.id }}" class="form-label">{{ 'customer.addresses.phone' | t }}</label>
+                    <input type="tel" id="AddressPhone{{ address.id }}" name="address[phone]" class="form-input" value="{{ address.phone }}">
+                  </div>
+
+                  <div class="form-group form-group--checkbox">
+                    <input type="checkbox" id="AddressDefault{{ address.id }}" name="address[default]" value="1" class="form-checkbox" {% if address == customer.default_address %}checked{% endif %}>
+                    <label for="AddressDefault{{ address.id }}" class="form-label">{{ 'customer.addresses.set_default' | t }}</label>
+                  </div>
+
+                  <div class="address-form__actions">
+                    <button type="submit" class="btn btn--primary">{{ 'customer.addresses.update' | t }}</button>
+                    <button type="button" class="btn btn--outline" data-address-toggle-edit="{{ address.id }}">{{ 'customer.addresses.cancel' | t }}</button>
+                  </div>
+                {%- endform -%}
+              </div>
+            </div>
+          {%- endfor -%}
+        </div>
+      {%- endif -%}
+    </div>
+  </div>
+</section>
+
+<script>
+(function() {
+  // Toggle new address form
+  const toggleNewBtns = document.querySelectorAll('[data-address-toggle-new]');
+  const newForm = document.getElementById('AddressNewForm');
+
+  toggleNewBtns.forEach(btn => {
+    btn.addEventListener('click', () => {
+      newForm.hidden = !newForm.hidden;
+    });
+  });
+
+  // Toggle edit address forms
+  const toggleEditBtns = document.querySelectorAll('[data-address-toggle-edit]');
+
+  toggleEditBtns.forEach(btn => {
+    btn.addEventListener('click', () => {
+      const addressId = btn.dataset.addressToggleEdit;
+      const editForm = document.getElementById(`AddressEditForm-${addressId}`);
+      if (editForm) {
+        editForm.hidden = !editForm.hidden;
+      }
+    });
+  });
+
+  // Delete address
+  const deleteBtns = document.querySelectorAll('[data-address-delete]');
+
+  deleteBtns.forEach(btn => {
+    btn.addEventListener('click', () => {
+      const confirmed = confirm(btn.dataset.confirm);
+      if (confirmed) {
+        const addressId = btn.dataset.addressDelete;
+        Shopify.postLink(`/account/addresses/${addressId}`, {
+          parameters: { _method: 'delete' }
+        });
+      }
+    });
+  });
+
+  // Country/Province selector
+  const countrySelects = document.querySelectorAll('[data-address-country-select]');
+
+  countrySelects.forEach(select => {
+    const formId = select.dataset.formId;
+    const provinceSelect = document.querySelector(`[id="AddressProvince${formId}"]`);
+
+    select.addEventListener('change', () => {
+      updateProvinces(select, provinceSelect);
+    });
+
+    // Initialize
+    if (select.dataset.default) {
+      select.value = select.dataset.default;
+    }
+    updateProvinces(select, provinceSelect);
+
+    if (provinceSelect && provinceSelect.dataset.default) {
+      provinceSelect.value = provinceSelect.dataset.default;
+    }
+  });
+
+  function updateProvinces(countrySelect, provinceSelect) {
+    if (!provinceSelect) return;
+
+    const selectedOption = countrySelect.options[countrySelect.selectedIndex];
+    const provinces = JSON.parse(selectedOption.dataset.provinces || '[]');
+
+    provinceSelect.innerHTML = '';
+
+    if (provinces.length === 0) {
+      provinceSelect.parentElement.hidden = true;
+    } else {
+      provinceSelect.parentElement.hidden = false;
+      provinces.forEach(province => {
+        const option = document.createElement('option');
+        option.value = province[0];
+        option.textContent = province[1];
+        provinceSelect.appendChild(option);
+      });
+    }
+  }
+})();
+</script>
+
+{% schema %}
+{
+  "name": "t:sections.main_addresses.name",
+  "tag": "section",
+  "class": "section-main-addresses",
+  "settings": [
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-article.liquid b/sections/main-article.liquid
new file mode 100644
index 00000000..9b77c2ec
--- /dev/null
+++ b/sections/main-article.liquid
@@ -0,0 +1,320 @@
+{% comment %}
+  Main Article Section - Influence Theme
+  Displays a single blog article with featured image, content, and comments
+{% endcomment %}
+
+<article class="main-article section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container container--narrow">
+    {%- comment -%} Article Header {%- endcomment -%}
+    <header class="article-header">
+      {%- if section.settings.show_breadcrumb -%}
+        <nav class="article-breadcrumb" aria-label="{{ 'accessibility.breadcrumb' | t }}">
+          <a href="{{ routes.root_url }}">{{ 'breadcrumb.home' | t }}</a>
+          <span class="article-breadcrumb__separator">/</span>
+          <a href="{{ blog.url }}">{{ blog.title }}</a>
+          <span class="article-breadcrumb__separator">/</span>
+          <span aria-current="page">{{ article.title }}</span>
+        </nav>
+      {%- endif -%}
+
+      {%- if section.settings.show_tags and article.tags.size > 0 -%}
+        <div class="article-header__tags">
+          {%- for tag in article.tags -%}
+            <a href="{{ blog.url }}/tagged/{{ tag | handle }}" class="article-header__tag">
+              {{ tag }}
+            </a>
+          {%- endfor -%}
+        </div>
+      {%- endif -%}
+
+      <h1 class="article-header__title h1">{{ article.title }}</h1>
+
+      {%- if section.settings.show_date or section.settings.show_author -%}
+        <div class="article-header__meta">
+          {%- if section.settings.show_author -%}
+            <span class="article-header__author">
+              {{ 'blog.by' | t }} {{ article.author }}
+            </span>
+          {%- endif -%}
+          {%- if section.settings.show_author and section.settings.show_date -%}
+            <span class="article-header__separator">·</span>
+          {%- endif -%}
+          {%- if section.settings.show_date -%}
+            <time class="article-header__date" datetime="{{ article.published_at | date: '%Y-%m-%d' }}">
+              {{ article.published_at | date: format: 'date' }}
+            </time>
+          {%- endif -%}
+        </div>
+      {%- endif -%}
+    </header>
+
+    {%- comment -%} Featured Image {%- endcomment -%}
+    {%- if section.settings.show_featured_image and article.image -%}
+      <figure class="article-featured-image">
+        {{
+          article.image
+          | image_url: width: 1400
+          | image_tag:
+            loading: 'eager',
+            sizes: '(min-width: 1200px) 900px, (min-width: 750px) 80vw, 100vw',
+            widths: '375, 750, 1100, 1400',
+            class: 'article-featured-image__img',
+            alt: article.image.alt | default: article.title
+        }}
+        {%- if article.image.alt != blank -%}
+          <figcaption class="article-featured-image__caption">
+            {{ article.image.alt }}
+          </figcaption>
+        {%- endif -%}
+      </figure>
+    {%- endif -%}
+
+    {%- comment -%} Article Content {%- endcomment -%}
+    <div class="article-content rte">
+      {{ article.content }}
+    </div>
+
+    {%- comment -%} Social Share {%- endcomment -%}
+    {%- if section.settings.show_share -%}
+      <div class="article-share">
+        <span class="article-share__label">{{ 'article.share' | t }}</span>
+        <div class="article-share__links">
+          <a
+            href="https://www.facebook.com/sharer/sharer.php?u={{ article.url | prepend: request.origin | url_encode }}"
+            target="_blank"
+            rel="noopener noreferrer nofollow"
+            class="article-share__link"
+            aria-label="{{ 'accessibility.share_facebook' | t }}"
+          >
+            {% render 'icon', icon: 'facebook' %}
+          </a>
+          <a
+            href="https://twitter.com/intent/tweet?url={{ article.url | prepend: request.origin | url_encode }}&text={{ article.title | url_encode }}"
+            target="_blank"
+            rel="noopener noreferrer nofollow"
+            class="article-share__link"
+            aria-label="{{ 'accessibility.share_twitter' | t }}"
+          >
+            {% render 'icon', icon: 'twitter' %}
+          </a>
+          <a
+            href="https://pinterest.com/pin/create/button/?url={{ article.url | prepend: request.origin | url_encode }}&media={{ article.image | image_url: width: 1200 | prepend: 'https:' | url_encode }}&description={{ article.title | url_encode }}"
+            target="_blank"
+            rel="noopener noreferrer nofollow"
+            class="article-share__link"
+            aria-label="{{ 'accessibility.share_pinterest' | t }}"
+          >
+            {% render 'icon', icon: 'pinterest' %}
+          </a>
+          <a
+            href="mailto:?subject={{ article.title | url_encode }}&body={{ article.url | prepend: request.origin | url_encode }}"
+            class="article-share__link"
+            aria-label="{{ 'accessibility.share_email' | t }}"
+          >
+            {% render 'icon', icon: 'email' %}
+          </a>
+        </div>
+      </div>
+    {%- endif -%}
+
+    {%- comment -%} Article Navigation {%- endcomment -%}
+    {%- if section.settings.show_navigation -%}
+      {%- if blog.previous_article or blog.next_article -%}
+        <nav class="article-navigation" aria-label="{{ 'article.navigation' | t }}">
+          {%- if blog.previous_article -%}
+            <a href="{{ blog.previous_article.url }}" class="article-navigation__link article-navigation__link--prev">
+              {% render 'icon', icon: 'arrow-left' %}
+              <span class="article-navigation__text">
+                <span class="article-navigation__label">{{ 'article.previous' | t }}</span>
+                <span class="article-navigation__title">{{ blog.previous_article.title | truncate: 50 }}</span>
+              </span>
+            </a>
+          {%- endif -%}
+          {%- if blog.next_article -%}
+            <a href="{{ blog.next_article.url }}" class="article-navigation__link article-navigation__link--next">
+              <span class="article-navigation__text">
+                <span class="article-navigation__label">{{ 'article.next' | t }}</span>
+                <span class="article-navigation__title">{{ blog.next_article.title | truncate: 50 }}</span>
+              </span>
+              {% render 'icon', icon: 'arrow-right' %}
+            </a>
+          {%- endif -%}
+        </nav>
+      {%- endif -%}
+    {%- endif -%}
+
+    {%- comment -%} Comments {%- endcomment -%}
+    {%- if blog.comments_enabled? -%}
+      <div class="article-comments" id="comments">
+        <h2 class="article-comments__heading h3">
+          {{ 'blog.comments.title' | t: count: article.comments_count }}
+        </h2>
+
+        {%- if article.comments_count > 0 -%}
+          {%- paginate article.comments by 10 -%}
+            <div class="article-comments__list">
+              {%- for comment in article.comments -%}
+                <div class="article-comment" id="comment-{{ comment.id }}">
+                  <div class="article-comment__header">
+                    <span class="article-comment__author">{{ comment.author }}</span>
+                    <time class="article-comment__date" datetime="{{ comment.created_at | date: '%Y-%m-%d' }}">
+                      {{ comment.created_at | date: format: 'abbreviated_date' }}
+                    </time>
+                  </div>
+                  <div class="article-comment__content">
+                    {{ comment.content }}
+                  </div>
+                </div>
+              {%- endfor -%}
+            </div>
+
+            {%- if paginate.pages > 1 -%}
+              <nav class="pagination" aria-label="{{ 'accessibility.pagination' | t }}">
+                <ul class="pagination__list">
+                  {%- if paginate.previous -%}
+                    <li class="pagination__item">
+                      <a href="{{ paginate.previous.url }}#comments" class="pagination__link">
+                        {{ 'pagination.previous' | t }}
+                      </a>
+                    </li>
+                  {%- endif -%}
+                  {%- if paginate.next -%}
+                    <li class="pagination__item">
+                      <a href="{{ paginate.next.url }}#comments" class="pagination__link">
+                        {{ 'pagination.next' | t }}
+                      </a>
+                    </li>
+                  {%- endif -%}
+                </ul>
+              </nav>
+            {%- endif -%}
+          {%- endpaginate -%}
+        {%- endif -%}
+
+        {%- comment -%} Comment Form {%- endcomment -%}
+        <div class="article-comment-form">
+          <h3 class="article-comment-form__heading h4">{{ 'blog.comments.leave_comment' | t }}</h3>
+
+          {%- form 'new_comment', article -%}
+            {%- if form.posted_successfully? -%}
+              <div class="form-message form-message--success">
+                {%- if blog.moderated? -%}
+                  {{ 'blog.comments.success_moderated' | t }}
+                {%- else -%}
+                  {{ 'blog.comments.success' | t }}
+                {%- endif -%}
+              </div>
+            {%- endif -%}
+
+            {%- if form.errors -%}
+              <div class="form-message form-message--error">
+                {{ form.errors | default_errors }}
+              </div>
+            {%- endif -%}
+
+            <div class="form-group">
+              <label for="CommentAuthor" class="form-label">{{ 'blog.comments.name' | t }}</label>
+              <input
+                type="text"
+                id="CommentAuthor"
+                name="comment[author]"
+                class="form-input"
+                value="{{ form.author }}"
+                required
+              >
+            </div>
+
+            <div class="form-group">
+              <label for="CommentEmail" class="form-label">{{ 'blog.comments.email' | t }}</label>
+              <input
+                type="email"
+                id="CommentEmail"
+                name="comment[email]"
+                class="form-input"
+                value="{{ form.email }}"
+                required
+              >
+            </div>
+
+            <div class="form-group">
+              <label for="CommentBody" class="form-label">{{ 'blog.comments.message' | t }}</label>
+              <textarea
+                id="CommentBody"
+                name="comment[body]"
+                class="form-input form-textarea"
+                rows="5"
+                required
+              >{{ form.body }}</textarea>
+            </div>
+
+            <button type="submit" class="btn btn--primary">
+              {{ 'blog.comments.submit' | t }}
+            </button>
+          {%- endform -%}
+        </div>
+      </div>
+    {%- endif -%}
+  </div>
+</article>
+
+{% schema %}
+{
+  "name": "t:sections.main_article.name",
+  "tag": "section",
+  "class": "section-main-article",
+  "settings": [
+    {
+      "type": "checkbox",
+      "id": "show_breadcrumb",
+      "label": "t:sections.main_article.settings.show_breadcrumb.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_featured_image",
+      "label": "t:sections.main_article.settings.show_featured_image.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_tags",
+      "label": "t:sections.main_article.settings.show_tags.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_date",
+      "label": "t:sections.main_article.settings.show_date.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_author",
+      "label": "t:sections.main_article.settings.show_author.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_share",
+      "label": "t:sections.main_article.settings.show_share.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_navigation",
+      "label": "t:sections.main_article.settings.show_navigation.label",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-blog.liquid b/sections/main-blog.liquid
new file mode 100644
index 00000000..346097d9
--- /dev/null
+++ b/sections/main-blog.liquid
@@ -0,0 +1,205 @@
+{% comment %}
+  Main Blog Section - Influence Theme
+  Displays blog articles with filtering and pagination
+{% endcomment %}
+
+{%- liquid
+  assign articles_per_page = section.settings.articles_per_page
+  assign columns_desktop = section.settings.columns_desktop
+  assign columns_mobile = section.settings.columns_mobile
+  assign show_date = section.settings.show_date
+  assign show_author = section.settings.show_author
+  assign show_tags = section.settings.show_tags
+  assign show_excerpt = section.settings.show_excerpt
+  assign image_ratio = section.settings.image_ratio
+-%}
+
+<section class="main-blog section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    {%- comment -%} Blog Header {%- endcomment -%}
+    <header class="blog-header">
+      <h1 class="blog-header__title h2">{{ blog.title }}</h1>
+
+      {%- if section.settings.show_tag_filter and blog.all_tags.size > 0 -%}
+        <nav class="blog-header__tags" aria-label="{{ 'blog.tags_label' | t }}">
+          <a
+            href="{{ blog.url }}"
+            class="blog-header__tag{% unless current_tags %} is-active{% endunless %}"
+          >
+            {{ 'blog.all' | t }}
+          </a>
+          {%- for tag in blog.all_tags -%}
+            <a
+              href="{{ blog.url }}/tagged/{{ tag | handle }}"
+              class="blog-header__tag{% if current_tags contains tag %} is-active{% endif %}"
+            >
+              {{ tag }}
+            </a>
+          {%- endfor -%}
+        </nav>
+      {%- endif -%}
+    </header>
+
+    {%- paginate blog.articles by articles_per_page -%}
+      {%- if blog.articles.size > 0 -%}
+        <div
+          class="blog-grid grid"
+          style="--grid-columns-desktop: {{ columns_desktop }}; --grid-columns-mobile: {{ columns_mobile }};"
+        >
+          {%- for article in blog.articles -%}
+            <article class="blog-grid__item">
+              {% render 'article-card',
+                article: article,
+                show_date: show_date,
+                show_author: show_author,
+                show_tags: show_tags,
+                show_excerpt: show_excerpt,
+                image_ratio: image_ratio
+              %}
+            </article>
+          {%- endfor -%}
+        </div>
+
+        {%- comment -%} Pagination {%- endcomment -%}
+        {%- if paginate.pages > 1 -%}
+          <nav class="pagination" aria-label="{{ 'accessibility.pagination' | t }}">
+            <ul class="pagination__list">
+              {%- if paginate.previous -%}
+                <li class="pagination__item">
+                  <a href="{{ paginate.previous.url }}" class="pagination__link pagination__link--prev" aria-label="{{ 'accessibility.previous_page' | t }}">
+                    {% render 'icon', icon: 'chevron-left', size: 'sm' %}
+                    <span class="hide-mobile">{{ 'pagination.previous' | t }}</span>
+                  </a>
+                </li>
+              {%- endif -%}
+
+              {%- for part in paginate.parts -%}
+                <li class="pagination__item">
+                  {%- if part.is_link -%}
+                    <a href="{{ part.url }}" class="pagination__link">
+                      {{ part.title }}
+                    </a>
+                  {%- else -%}
+                    {%- if part.title == paginate.current_page -%}
+                      <span class="pagination__link pagination__link--current" aria-current="page">
+                        {{ part.title }}
+                      </span>
+                    {%- else -%}
+                      <span class="pagination__link pagination__link--ellipsis">{{ part.title }}</span>
+                    {%- endif -%}
+                  {%- endif -%}
+                </li>
+              {%- endfor -%}
+
+              {%- if paginate.next -%}
+                <li class="pagination__item">
+                  <a href="{{ paginate.next.url }}" class="pagination__link pagination__link--next" aria-label="{{ 'accessibility.next_page' | t }}">
+                    <span class="hide-mobile">{{ 'pagination.next' | t }}</span>
+                    {% render 'icon', icon: 'chevron-right', size: 'sm' %}
+                  </a>
+                </li>
+              {%- endif -%}
+            </ul>
+          </nav>
+        {%- endif -%}
+      {%- else -%}
+        <div class="blog-empty">
+          <p>{{ 'blog.empty' | t }}</p>
+        </div>
+      {%- endif -%}
+    {%- endpaginate -%}
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.main_blog.name",
+  "tag": "section",
+  "class": "section-main-blog",
+  "settings": [
+    {
+      "type": "checkbox",
+      "id": "show_tag_filter",
+      "label": "t:sections.main_blog.settings.show_tag_filter.label",
+      "default": true
+    },
+    {
+      "type": "range",
+      "id": "articles_per_page",
+      "label": "t:sections.main_blog.settings.articles_per_page.label",
+      "min": 3,
+      "max": 24,
+      "step": 3,
+      "default": 9
+    },
+    {
+      "type": "range",
+      "id": "columns_desktop",
+      "label": "t:labels.columns_desktop",
+      "min": 2,
+      "max": 4,
+      "step": 1,
+      "default": 3
+    },
+    {
+      "type": "select",
+      "id": "columns_mobile",
+      "label": "t:labels.columns_mobile",
+      "options": [
+        { "value": "1", "label": "1" },
+        { "value": "2", "label": "2" }
+      ],
+      "default": "1"
+    },
+    {
+      "type": "select",
+      "id": "image_ratio",
+      "label": "t:labels.image_ratio",
+      "options": [
+        { "value": "landscape", "label": "t:options.image_ratio.landscape" },
+        { "value": "portrait", "label": "t:options.image_ratio.portrait" },
+        { "value": "square", "label": "t:options.image_ratio.square" }
+      ],
+      "default": "landscape"
+    },
+    {
+      "type": "header",
+      "content": "t:sections.main_blog.settings.header_article_card.content"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_date",
+      "label": "t:sections.main_blog.settings.show_date.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_author",
+      "label": "t:sections.main_blog.settings.show_author.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_tags",
+      "label": "t:sections.main_blog.settings.show_tags.label",
+      "default": false
+    },
+    {
+      "type": "checkbox",
+      "id": "show_excerpt",
+      "label": "t:sections.main_blog.settings.show_excerpt.label",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-cart.liquid b/sections/main-cart.liquid
new file mode 100644
index 00000000..dbc2394e
--- /dev/null
+++ b/sections/main-cart.liquid
@@ -0,0 +1,336 @@
+{% comment %}
+  Main Cart Section - Influence Theme
+  Displays full cart page with line items, selling plans, discounts, and checkout
+{% endcomment %}
+
+<section class="main-cart section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    <h1 class="main-cart__heading h2">{{ 'cart.title' | t }}</h1>
+
+    {%- if cart.item_count > 0 -%}
+      <form action="{{ routes.cart_url }}" method="post" id="cart-form" class="cart-form">
+        <div class="cart-form__content">
+          {%- comment -%} Cart Items {%- endcomment -%}
+          <div class="cart-items">
+            <div class="cart-items__header hide-mobile">
+              <span class="cart-items__header-product">{{ 'cart.product' | t }}</span>
+              <span class="cart-items__header-price">{{ 'cart.price' | t }}</span>
+              <span class="cart-items__header-quantity">{{ 'cart.quantity' | t }}</span>
+              <span class="cart-items__header-total">{{ 'cart.total' | t }}</span>
+            </div>
+
+            {%- for item in cart.items -%}
+              <div class="cart-item" data-cart-item data-line-item-key="{{ item.key }}">
+                {%- comment -%} Product Image {%- endcomment -%}
+                <div class="cart-item__media">
+                  {%- if item.image -%}
+                    <a href="{{ item.url }}">
+                      {{
+                        item.image
+                        | image_url: width: 200
+                        | image_tag:
+                          loading: 'lazy',
+                          width: 100,
+                          height: 100,
+                          class: 'cart-item__image'
+                      }}
+                    </a>
+                  {%- else -%}
+                    {{ 'product-1' | placeholder_svg_tag: 'cart-item__placeholder' }}
+                  {%- endif -%}
+                </div>
+
+                {%- comment -%} Product Info {%- endcomment -%}
+                <div class="cart-item__info">
+                  <h3 class="cart-item__title">
+                    <a href="{{ item.url }}">{{ item.product.title }}</a>
+                  </h3>
+
+                  {%- if item.product.has_only_default_variant == false -%}
+                    <p class="cart-item__variant">{{ item.variant.title }}</p>
+                  {%- endif -%}
+
+                  {%- if item.selling_plan_allocation -%}
+                    <p class="cart-item__selling-plan">
+                      {{ item.selling_plan_allocation.selling_plan.name }}
+                    </p>
+                  {%- endif -%}
+
+                  {%- comment -%} Line item properties {%- endcomment -%}
+                  {%- for property in item.properties -%}
+                    {%- assign property_first_char = property.first | slice: 0 -%}
+                    {%- if property.last != blank and property_first_char != '_' -%}
+                      <p class="cart-item__property">
+                        <span class="cart-item__property-name">{{ property.first }}:</span>
+                        {%- if property.last contains '/uploads/' -%}
+                          <a href="{{ property.last }}" target="_blank">{{ property.last | split: '/' | last }}</a>
+                        {%- else -%}
+                          {{ property.last }}
+                        {%- endif -%}
+                      </p>
+                    {%- endif -%}
+                  {%- endfor -%}
+
+                  {%- comment -%} Discounts {%- endcomment -%}
+                  {%- if item.line_level_discount_allocations.size > 0 -%}
+                    <ul class="cart-item__discounts" role="list">
+                      {%- for discount in item.line_level_discount_allocations -%}
+                        <li class="cart-item__discount">
+                          {% render 'icon', icon: 'discount', size: 'xs' %}
+                          {{ discount.discount_application.title }} (-{{ discount.amount | money }})
+                        </li>
+                      {%- endfor -%}
+                    </ul>
+                  {%- endif -%}
+
+                  {%- comment -%} Unit Price {%- endcomment -%}
+                  {%- if item.unit_price_measurement -%}
+                    <p class="cart-item__unit-price">
+                      {{ item.unit_price | money }}
+                      <span aria-hidden="true">/</span>
+                      {%- if item.unit_price_measurement.reference_value != 1 -%}
+                        {{ item.unit_price_measurement.reference_value }}
+                      {%- endif -%}
+                      {{ item.unit_price_measurement.reference_unit }}
+                    </p>
+                  {%- endif -%}
+                </div>
+
+                {%- comment -%} Price {%- endcomment -%}
+                <div class="cart-item__price">
+                  {%- if item.original_price != item.final_price -%}
+                    <span class="cart-item__price-sale">{{ item.final_price | money }}</span>
+                    <span class="cart-item__price-compare">{{ item.original_price | money }}</span>
+                  {%- else -%}
+                    <span class="cart-item__price-regular">{{ item.original_price | money }}</span>
+                  {%- endif -%}
+                </div>
+
+                {%- comment -%} Quantity {%- endcomment -%}
+                <div class="cart-item__quantity">
+                  <div class="quantity-selector">
+                    <button
+                      type="button"
+                      class="quantity-selector__btn"
+                      aria-label="{{ 'cart.decrease_quantity' | t }}"
+                      data-quantity-minus
+                    >
+                      {% render 'icon', icon: 'minus', size: 'sm' %}
+                    </button>
+                    <input
+                      type="number"
+                      name="updates[]"
+                      value="{{ item.quantity }}"
+                      min="0"
+                      class="quantity-selector__input"
+                      aria-label="{{ 'cart.quantity' | t }}"
+                      data-quantity-input
+                      data-line-index="{{ forloop.index }}"
+                    >
+                    <button
+                      type="button"
+                      class="quantity-selector__btn"
+                      aria-label="{{ 'cart.increase_quantity' | t }}"
+                      data-quantity-plus
+                    >
+                      {% render 'icon', icon: 'plus', size: 'sm' %}
+                    </button>
+                  </div>
+                  <a
+                    href="{{ item.url_to_remove }}"
+                    class="cart-item__remove"
+                    aria-label="{{ 'cart.remove' | t: title: item.title }}"
+                    data-cart-remove
+                  >
+                    {{ 'cart.remove' | t }}
+                  </a>
+                </div>
+
+                {%- comment -%} Line Total {%- endcomment -%}
+                <div class="cart-item__total">
+                  {%- if item.original_line_price != item.final_line_price -%}
+                    <span class="cart-item__total-sale">{{ item.final_line_price | money }}</span>
+                    <span class="cart-item__total-compare">{{ item.original_line_price | money }}</span>
+                  {%- else -%}
+                    <span class="cart-item__total-regular">{{ item.final_line_price | money }}</span>
+                  {%- endif -%}
+                </div>
+              </div>
+            {%- endfor -%}
+          </div>
+
+          {%- comment -%} Cart Summary {%- endcomment -%}
+          <div class="cart-summary">
+            {%- comment -%} Cart Note {%- endcomment -%}
+            {%- if section.settings.show_cart_note -%}
+              <div class="cart-summary__note">
+                <label for="cart-note" class="cart-summary__note-label">
+                  {{ 'cart.note' | t }}
+                </label>
+                <textarea
+                  id="cart-note"
+                  name="note"
+                  class="form-input form-textarea"
+                  rows="3"
+                  placeholder="{{ 'cart.note_placeholder' | t }}"
+                >{{ cart.note }}</textarea>
+              </div>
+            {%- endif -%}
+
+            {%- comment -%} Order Discounts {%- endcomment -%}
+            {%- if cart.cart_level_discount_applications.size > 0 -%}
+              <div class="cart-summary__discounts">
+                {%- for discount in cart.cart_level_discount_applications -%}
+                  <div class="cart-summary__discount">
+                    <span class="cart-summary__discount-title">
+                      {% render 'icon', icon: 'discount', size: 'sm' %}
+                      {{ discount.title }}
+                    </span>
+                    <span class="cart-summary__discount-amount">-{{ discount.total_allocated_amount | money }}</span>
+                  </div>
+                {%- endfor -%}
+              </div>
+            {%- endif -%}
+
+            {%- comment -%} Subtotal {%- endcomment -%}
+            <div class="cart-summary__subtotal">
+              <span class="cart-summary__subtotal-label">{{ 'cart.subtotal' | t }}</span>
+              <span class="cart-summary__subtotal-price">{{ cart.total_price | money_with_currency }}</span>
+            </div>
+
+            {%- comment -%} Taxes & Shipping Note {%- endcomment -%}
+            <p class="cart-summary__taxes">
+              {%- if cart.taxes_included and shop.shipping_policy.body != blank -%}
+                {{ 'cart.taxes_included_and_shipping_policy_html' | t: link: shop.shipping_policy.url }}
+              {%- elsif cart.taxes_included -%}
+                {{ 'cart.taxes_included_but_shipping_at_checkout' | t }}
+              {%- elsif shop.shipping_policy.body != blank -%}
+                {{ 'cart.taxes_and_shipping_policy_at_checkout_html' | t: link: shop.shipping_policy.url }}
+              {%- else -%}
+                {{ 'cart.taxes_and_shipping_at_checkout' | t }}
+              {%- endif -%}
+            </p>
+
+            {%- comment -%} Checkout Buttons {%- endcomment -%}
+            <div class="cart-summary__buttons">
+              <button type="submit" name="update" class="btn btn--outline btn--full">
+                {{ 'cart.update' | t }}
+              </button>
+              <button type="submit" name="checkout" class="btn btn--primary btn--full">
+                {{ 'cart.checkout' | t }}
+              </button>
+
+              {%- comment -%} Dynamic Checkout Buttons (REQUIRED) {%- endcomment -%}
+              {%- if section.settings.show_dynamic_checkout and additional_checkout_buttons -%}
+                <div class="cart-summary__dynamic-checkout">
+                  {{ content_for_additional_checkout_buttons }}
+                </div>
+              {%- endif -%}
+            </div>
+
+            {%- comment -%} Continue Shopping {%- endcomment -%}
+            <a href="{{ routes.all_products_collection_url }}" class="cart-summary__continue link-with-arrow">
+              {% render 'icon', icon: 'arrow-left', size: 'sm' %}
+              {{ 'cart.continue_shopping' | t }}
+            </a>
+          </div>
+        </div>
+      </form>
+    {%- else -%}
+      {%- comment -%} Empty Cart {%- endcomment -%}
+      <div class="cart-empty">
+        <div class="cart-empty__icon">
+          {% render 'icon', icon: 'cart', size: 'lg' %}
+        </div>
+        <p class="cart-empty__text">{{ 'cart.empty' | t }}</p>
+        <a href="{{ routes.all_products_collection_url }}" class="btn btn--primary">
+          {{ 'cart.continue_shopping' | t }}
+        </a>
+      </div>
+    {%- endif -%}
+  </div>
+</section>
+
+<script>
+(function() {
+  const cartForm = document.getElementById('cart-form');
+  if (!cartForm) return;
+
+  // Quantity buttons
+  const quantitySelectors = cartForm.querySelectorAll('.quantity-selector');
+
+  quantitySelectors.forEach(selector => {
+    const minusBtn = selector.querySelector('[data-quantity-minus]');
+    const plusBtn = selector.querySelector('[data-quantity-plus]');
+    const input = selector.querySelector('[data-quantity-input]');
+
+    if (minusBtn && input) {
+      minusBtn.addEventListener('click', () => {
+        const currentValue = parseInt(input.value) || 0;
+        if (currentValue > 0) {
+          input.value = currentValue - 1;
+          input.dispatchEvent(new Event('change', { bubbles: true }));
+        }
+      });
+    }
+
+    if (plusBtn && input) {
+      plusBtn.addEventListener('click', () => {
+        const currentValue = parseInt(input.value) || 0;
+        input.value = currentValue + 1;
+        input.dispatchEvent(new Event('change', { bubbles: true }));
+      });
+    }
+  });
+
+  // Auto-update cart on quantity change (debounced)
+  let updateTimeout;
+  const inputs = cartForm.querySelectorAll('[data-quantity-input]');
+
+  inputs.forEach(input => {
+    input.addEventListener('change', () => {
+      clearTimeout(updateTimeout);
+      updateTimeout = setTimeout(() => {
+        // Submit the form for update
+        const updateButton = cartForm.querySelector('[name="update"]');
+        if (updateButton) {
+          updateButton.click();
+        }
+      }, 500);
+    });
+  });
+})();
+</script>
+
+{% schema %}
+{
+  "name": "t:sections.main_cart.name",
+  "tag": "section",
+  "class": "section-main-cart",
+  "settings": [
+    {
+      "type": "checkbox",
+      "id": "show_cart_note",
+      "label": "t:sections.main_cart.settings.show_cart_note.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_dynamic_checkout",
+      "label": "t:sections.main_cart.settings.show_dynamic_checkout.label",
+      "info": "t:sections.main_cart.settings.show_dynamic_checkout.info",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-collection.liquid b/sections/main-collection.liquid
new file mode 100644
index 00000000..ba4a1d7a
--- /dev/null
+++ b/sections/main-collection.liquid
@@ -0,0 +1,589 @@
+{% comment %}
+  Main Collection Section - Influence Theme
+  Features: Faceted filtering (REQUIRED), sorting, grid/list view, pagination
+{% endcomment %}
+
+{%- liquid
+  assign sort_by = collection.sort_by | default: collection.default_sort_by
+  assign products_per_page = section.settings.products_per_page
+  assign columns_desktop = section.settings.columns_desktop
+  assign columns_mobile = section.settings.columns_mobile
+  assign show_filters = section.settings.show_filters
+  assign show_sorting = section.settings.show_sorting
+  assign filter_type = section.settings.filter_type
+  assign enable_sticky_filters = section.settings.enable_sticky_filters
+-%}
+
+<section class="main-collection section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    {%- comment -%} Collection Header {%- endcomment -%}
+    {%- if section.settings.show_collection_header -%}
+      <header class="collection-header">
+        {%- if section.settings.show_collection_image and collection.image -%}
+          <div class="collection-header__image">
+            {{
+              collection.image
+              | image_url: width: 1920
+              | image_tag:
+                loading: 'eager',
+                sizes: '100vw',
+                widths: '375, 750, 1100, 1500, 1920',
+                class: 'collection-header__img'
+            }}
+          </div>
+        {%- endif -%}
+
+        <div class="collection-header__content">
+          <h1 class="collection-header__title h2">{{ collection.title }}</h1>
+          {%- if section.settings.show_description and collection.description != blank -%}
+            <div class="collection-header__description rte">
+              {{ collection.description }}
+            </div>
+          {%- endif -%}
+        </div>
+      </header>
+    {%- endif -%}
+
+    {%- comment -%} Toolbar: Filters Toggle, Active Filters, Sorting, View Toggle {%- endcomment -%}
+    <div class="collection-toolbar">
+      <div class="collection-toolbar__left">
+        {%- if show_filters and collection.filters.size > 0 -%}
+          <button
+            type="button"
+            class="collection-toolbar__filter-toggle btn btn--outline btn--sm"
+            aria-controls="collection-filters"
+            aria-expanded="false"
+            data-filter-toggle
+          >
+            {% render 'icon', icon: 'filter' %}
+            <span>{{ 'collection.filters.filter' | t }}</span>
+            {%- assign active_filters_count = 0 -%}
+            {%- for filter in collection.filters -%}
+              {%- assign active_filters_count = active_filters_count | plus: filter.active_values.size -%}
+            {%- endfor -%}
+            {%- if active_filters_count > 0 -%}
+              <span class="collection-toolbar__filter-count">({{ active_filters_count }})</span>
+            {%- endif -%}
+          </button>
+        {%- endif -%}
+
+        {%- comment -%} Active Filter Tags {%- endcomment -%}
+        {%- if active_filters_count > 0 -%}
+          <div class="collection-active-filters">
+            {%- for filter in collection.filters -%}
+              {%- for value in filter.active_values -%}
+                <a
+                  href="{{ value.url_to_remove }}"
+                  class="active-filter-tag"
+                >
+                  {{ filter.label }}: {{ value.label }}
+                  {% render 'icon', icon: 'close', size: 'xs' %}
+                </a>
+              {%- endfor -%}
+            {%- endfor -%}
+            <a href="{{ collection.url }}?sort_by={{ sort_by }}" class="active-filter-clear">
+              {{ 'collection.filters.clear_all' | t }}
+            </a>
+          </div>
+        {%- endif -%}
+      </div>
+
+      <div class="collection-toolbar__right">
+        {%- comment -%} Product Count {%- endcomment -%}
+        <p class="collection-toolbar__count">
+          {{ 'collection.products_count' | t: count: collection.products_count }}
+        </p>
+
+        {%- comment -%} Sorting {%- endcomment -%}
+        {%- if show_sorting -%}
+          <div class="collection-toolbar__sort">
+            <label for="SortBy" class="visually-hidden">{{ 'collection.sorting.label' | t }}</label>
+            <select
+              id="SortBy"
+              class="collection-sort form-select"
+              data-sort-by
+            >
+              {%- for option in collection.sort_options -%}
+                <option
+                  value="{{ option.value }}"
+                  {% if sort_by == option.value %}selected{% endif %}
+                >
+                  {{ option.name }}
+                </option>
+              {%- endfor -%}
+            </select>
+          </div>
+        {%- endif -%}
+
+        {%- comment -%} View Toggle {%- endcomment -%}
+        {%- if section.settings.show_view_toggle -%}
+          <div class="collection-toolbar__view" role="group" aria-label="{{ 'collection.view.label' | t }}">
+            <button
+              type="button"
+              class="collection-toolbar__view-btn is-active"
+              data-view="grid"
+              aria-label="{{ 'collection.view.grid' | t }}"
+              aria-pressed="true"
+            >
+              {% render 'icon', icon: 'grid' %}
+            </button>
+            <button
+              type="button"
+              class="collection-toolbar__view-btn"
+              data-view="list"
+              aria-label="{{ 'collection.view.list' | t }}"
+              aria-pressed="false"
+            >
+              {% render 'icon', icon: 'list' %}
+            </button>
+          </div>
+        {%- endif -%}
+      </div>
+    </div>
+
+    <div class="collection-content">
+      {%- comment -%} Filters Sidebar / Drawer {%- endcomment -%}
+      {%- if show_filters and collection.filters.size > 0 -%}
+        <aside
+          id="collection-filters"
+          class="collection-filters{% if filter_type == 'drawer' %} collection-filters--drawer{% endif %}{% if enable_sticky_filters %} collection-filters--sticky{% endif %}"
+          data-filters
+          {% if filter_type == 'drawer' %}aria-hidden="true"{% endif %}
+        >
+          {%- if filter_type == 'drawer' -%}
+            <div class="collection-filters__header">
+              <h2 class="collection-filters__title h4">{{ 'collection.filters.filter' | t }}</h2>
+              <button
+                type="button"
+                class="collection-filters__close"
+                data-filter-close
+                aria-label="{{ 'accessibility.close' | t }}"
+              >
+                {% render 'icon', icon: 'close' %}
+              </button>
+            </div>
+          {%- endif -%}
+
+          <form id="CollectionFiltersForm" data-collection-filters-form>
+            <div class="collection-filters__content">
+              {%- for filter in collection.filters -%}
+                <details
+                  class="collection-filter"
+                  {% if filter.active_values.size > 0 or forloop.index <= 3 %}open{% endif %}
+                >
+                  <summary class="collection-filter__heading">
+                    <span>{{ filter.label }}</span>
+                    {%- if filter.active_values.size > 0 -%}
+                      <span class="collection-filter__count">({{ filter.active_values.size }})</span>
+                    {%- endif -%}
+                    {% render 'icon', icon: 'chevron-down', size: 'sm' %}
+                  </summary>
+
+                  <div class="collection-filter__content">
+                    {%- case filter.type -%}
+                      {%- when 'list' -%}
+                        <ul class="collection-filter__list" role="list">
+                          {%- for value in filter.values -%}
+                            <li class="collection-filter__item">
+                              <label class="collection-filter__label">
+                                <input
+                                  type="checkbox"
+                                  name="{{ value.param_name }}"
+                                  value="{{ value.value }}"
+                                  {% if value.active %}checked{% endif %}
+                                  {% if value.count == 0 and value.active == false %}disabled{% endif %}
+                                  class="collection-filter__checkbox"
+                                  data-filter-input
+                                >
+                                <span class="collection-filter__checkbox-visual"></span>
+                                <span class="collection-filter__text">
+                                  {%- if filter.param_name == 'filter.v.option.color' or filter.param_name contains 'filter.v.option.colour' -%}
+                                    <span
+                                      class="collection-filter__swatch"
+                                      style="--swatch-color: {{ value.value | handle | replace: '-', '' }}"
+                                    ></span>
+                                  {%- endif -%}
+                                  {{ value.label }}
+                                </span>
+                                <span class="collection-filter__count">({{ value.count }})</span>
+                              </label>
+                            </li>
+                          {%- endfor -%}
+                        </ul>
+
+                      {%- when 'price_range' -%}
+                        <div class="collection-filter__price-range">
+                          <div class="collection-filter__price-inputs">
+                            <div class="collection-filter__price-field">
+                              <label for="Filter-{{ filter.param_name }}-GTE">{{ 'collection.filters.from' | t }}</label>
+                              <span class="collection-filter__price-currency">{{ cart.currency.symbol }}</span>
+                              <input
+                                type="number"
+                                id="Filter-{{ filter.param_name }}-GTE"
+                                name="{{ filter.min_value.param_name }}"
+                                class="form-input collection-filter__price-input"
+                                min="0"
+                                max="{{ filter.range_max | money_without_currency | replace: ',', '' }}"
+                                {% if filter.min_value.value %}
+                                  value="{{ filter.min_value.value | money_without_currency | replace: ',', '' }}"
+                                {% endif %}
+                                placeholder="0"
+                                data-filter-input
+                              >
+                            </div>
+                            <span class="collection-filter__price-separator">—</span>
+                            <div class="collection-filter__price-field">
+                              <label for="Filter-{{ filter.param_name }}-LTE">{{ 'collection.filters.to' | t }}</label>
+                              <span class="collection-filter__price-currency">{{ cart.currency.symbol }}</span>
+                              <input
+                                type="number"
+                                id="Filter-{{ filter.param_name }}-LTE"
+                                name="{{ filter.max_value.param_name }}"
+                                class="form-input collection-filter__price-input"
+                                min="0"
+                                max="{{ filter.range_max | money_without_currency | replace: ',', '' }}"
+                                {% if filter.max_value.value %}
+                                  value="{{ filter.max_value.value | money_without_currency | replace: ',', '' }}"
+                                {% endif %}
+                                placeholder="{{ filter.range_max | money_without_currency | replace: ',', '' }}"
+                                data-filter-input
+                              >
+                            </div>
+                          </div>
+                        </div>
+
+                      {%- when 'boolean' -%}
+                        <label class="collection-filter__label collection-filter__label--boolean">
+                          <input
+                            type="checkbox"
+                            name="{{ filter.param_name }}"
+                            value="1"
+                            {% if filter.active_values.size > 0 %}checked{% endif %}
+                            class="collection-filter__checkbox"
+                            data-filter-input
+                          >
+                          <span class="collection-filter__checkbox-visual"></span>
+                          <span class="collection-filter__text">{{ filter.label }}</span>
+                        </label>
+                    {%- endcase -%}
+                  </div>
+                </details>
+              {%- endfor -%}
+            </div>
+
+            {%- comment -%} Filter Actions (drawer only) {%- endcomment -%}
+            {%- if filter_type == 'drawer' -%}
+              <div class="collection-filters__actions">
+                <a href="{{ collection.url }}" class="btn btn--outline btn--full">
+                  {{ 'collection.filters.clear' | t }}
+                </a>
+                <button type="submit" class="btn btn--primary btn--full">
+                  {{ 'collection.filters.apply' | t }}
+                </button>
+              </div>
+            {%- endif -%}
+
+            <noscript>
+              <button type="submit" class="btn btn--primary">
+                {{ 'collection.filters.apply' | t }}
+              </button>
+            </noscript>
+          </form>
+        </aside>
+
+        {%- if filter_type == 'drawer' -%}
+          <div class="collection-filters__overlay" data-filter-overlay></div>
+        {%- endif -%}
+      {%- endif -%}
+
+      {%- comment -%} Products Grid {%- endcomment -%}
+      <div class="collection-products" data-products-container>
+        {%- paginate collection.products by products_per_page -%}
+          {%- if collection.products.size > 0 -%}
+            <div
+              class="collection-products__grid grid"
+              style="--grid-columns-desktop: {{ columns_desktop }}; --grid-columns-mobile: {{ columns_mobile }};"
+              data-products-grid
+            >
+              {%- for product in collection.products -%}
+                <div class="collection-products__item">
+                  {% render 'product-card', product: product %}
+                </div>
+              {%- endfor -%}
+            </div>
+
+            {%- comment -%} Pagination {%- endcomment -%}
+            {%- if paginate.pages > 1 -%}
+              <nav class="pagination" aria-label="{{ 'accessibility.pagination' | t }}">
+                <ul class="pagination__list">
+                  {%- if paginate.previous -%}
+                    <li class="pagination__item">
+                      <a href="{{ paginate.previous.url }}" class="pagination__link pagination__link--prev" aria-label="{{ 'accessibility.previous_page' | t }}">
+                        {% render 'icon', icon: 'chevron-left', size: 'sm' %}
+                        <span class="hide-mobile">{{ 'pagination.previous' | t }}</span>
+                      </a>
+                    </li>
+                  {%- endif -%}
+
+                  {%- for part in paginate.parts -%}
+                    <li class="pagination__item">
+                      {%- if part.is_link -%}
+                        <a href="{{ part.url }}" class="pagination__link">
+                          {{ part.title }}
+                        </a>
+                      {%- else -%}
+                        {%- if part.title == paginate.current_page -%}
+                          <span class="pagination__link pagination__link--current" aria-current="page">
+                            {{ part.title }}
+                          </span>
+                        {%- else -%}
+                          <span class="pagination__link pagination__link--ellipsis">{{ part.title }}</span>
+                        {%- endif -%}
+                      {%- endif -%}
+                    </li>
+                  {%- endfor -%}
+
+                  {%- if paginate.next -%}
+                    <li class="pagination__item">
+                      <a href="{{ paginate.next.url }}" class="pagination__link pagination__link--next" aria-label="{{ 'accessibility.next_page' | t }}">
+                        <span class="hide-mobile">{{ 'pagination.next' | t }}</span>
+                        {% render 'icon', icon: 'chevron-right', size: 'sm' %}
+                      </a>
+                    </li>
+                  {%- endif -%}
+                </ul>
+              </nav>
+            {%- endif -%}
+          {%- else -%}
+            <div class="collection-empty">
+              <p>{{ 'collection.empty' | t }}</p>
+              {%- if active_filters_count > 0 -%}
+                <a href="{{ collection.url }}" class="btn btn--outline">
+                  {{ 'collection.filters.clear_all' | t }}
+                </a>
+              {%- endif -%}
+            </div>
+          {%- endif -%}
+        {%- endpaginate -%}
+      </div>
+    </div>
+  </div>
+</section>
+
+<script>
+(function() {
+  const filterToggle = document.querySelector('[data-filter-toggle]');
+  const filtersContainer = document.querySelector('[data-filters]');
+  const filterClose = document.querySelector('[data-filter-close]');
+  const filterOverlay = document.querySelector('[data-filter-overlay]');
+  const filterForm = document.querySelector('[data-collection-filters-form]');
+  const filterInputs = document.querySelectorAll('[data-filter-input]');
+  const sortSelect = document.querySelector('[data-sort-by]');
+  const viewButtons = document.querySelectorAll('[data-view]');
+  const productsGrid = document.querySelector('[data-products-grid]');
+
+  // Filter toggle (for drawer mode)
+  if (filterToggle && filtersContainer) {
+    filterToggle.addEventListener('click', () => {
+      const isOpen = filtersContainer.classList.contains('is-open');
+      filtersContainer.classList.toggle('is-open');
+      filtersContainer.setAttribute('aria-hidden', isOpen);
+      filterToggle.setAttribute('aria-expanded', !isOpen);
+      document.body.classList.toggle('filters-open', !isOpen);
+    });
+  }
+
+  if (filterClose) {
+    filterClose.addEventListener('click', closeFilters);
+  }
+
+  if (filterOverlay) {
+    filterOverlay.addEventListener('click', closeFilters);
+  }
+
+  function closeFilters() {
+    if (filtersContainer) {
+      filtersContainer.classList.remove('is-open');
+      filtersContainer.setAttribute('aria-hidden', 'true');
+      if (filterToggle) {
+        filterToggle.setAttribute('aria-expanded', 'false');
+      }
+      document.body.classList.remove('filters-open');
+    }
+  }
+
+  // Auto-submit filters on change (sidebar mode)
+  filterInputs.forEach(input => {
+    input.addEventListener('change', () => {
+      if (!filtersContainer.classList.contains('collection-filters--drawer')) {
+        filterForm.submit();
+      }
+    });
+  });
+
+  // Sort change
+  if (sortSelect) {
+    sortSelect.addEventListener('change', () => {
+      const url = new URL(window.location.href);
+      url.searchParams.set('sort_by', sortSelect.value);
+      window.location.href = url.toString();
+    });
+  }
+
+  // View toggle
+  viewButtons.forEach(button => {
+    button.addEventListener('click', () => {
+      const view = button.dataset.view;
+
+      viewButtons.forEach(btn => {
+        btn.classList.remove('is-active');
+        btn.setAttribute('aria-pressed', 'false');
+      });
+
+      button.classList.add('is-active');
+      button.setAttribute('aria-pressed', 'true');
+
+      if (productsGrid) {
+        productsGrid.classList.remove('grid--list', 'grid--grid');
+        productsGrid.classList.add(`grid--${view}`);
+      }
+
+      // Save preference
+      localStorage.setItem('collection-view', view);
+    });
+  });
+
+  // Restore view preference
+  const savedView = localStorage.getItem('collection-view');
+  if (savedView && productsGrid) {
+    const savedButton = document.querySelector(`[data-view="${savedView}"]`);
+    if (savedButton) {
+      savedButton.click();
+    }
+  }
+
+  // Close filters on escape
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') {
+      closeFilters();
+    }
+  });
+})();
+</script>
+
+{% schema %}
+{
+  "name": "t:sections.main_collection.name",
+  "tag": "section",
+  "class": "section-main-collection",
+  "settings": [
+    {
+      "type": "header",
+      "content": "t:sections.main_collection.settings.header_collection.content"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_collection_header",
+      "label": "t:sections.main_collection.settings.show_collection_header.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_collection_image",
+      "label": "t:sections.main_collection.settings.show_collection_image.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_description",
+      "label": "t:sections.main_collection.settings.show_description.label",
+      "default": true
+    },
+    {
+      "type": "header",
+      "content": "t:sections.main_collection.settings.header_filtering.content"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_filters",
+      "label": "t:sections.main_collection.settings.show_filters.label",
+      "info": "t:sections.main_collection.settings.show_filters.info",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "filter_type",
+      "label": "t:sections.main_collection.settings.filter_type.label",
+      "options": [
+        { "value": "sidebar", "label": "t:sections.main_collection.settings.filter_type.options.sidebar" },
+        { "value": "drawer", "label": "t:sections.main_collection.settings.filter_type.options.drawer" }
+      ],
+      "default": "sidebar"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_sticky_filters",
+      "label": "t:sections.main_collection.settings.enable_sticky_filters.label",
+      "default": true
+    },
+    {
+      "type": "header",
+      "content": "t:sections.main_collection.settings.header_sorting.content"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_sorting",
+      "label": "t:sections.main_collection.settings.show_sorting.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_view_toggle",
+      "label": "t:sections.main_collection.settings.show_view_toggle.label",
+      "default": true
+    },
+    {
+      "type": "header",
+      "content": "t:sections.main_collection.settings.header_products.content"
+    },
+    {
+      "type": "range",
+      "id": "products_per_page",
+      "label": "t:sections.main_collection.settings.products_per_page.label",
+      "min": 8,
+      "max": 48,
+      "step": 4,
+      "default": 16
+    },
+    {
+      "type": "range",
+      "id": "columns_desktop",
+      "label": "t:labels.columns_desktop",
+      "min": 2,
+      "max": 5,
+      "step": 1,
+      "default": 4
+    },
+    {
+      "type": "select",
+      "id": "columns_mobile",
+      "label": "t:labels.columns_mobile",
+      "options": [
+        { "value": "1", "label": "1" },
+        { "value": "2", "label": "2" }
+      ],
+      "default": "2"
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-login.liquid b/sections/main-login.liquid
new file mode 100644
index 00000000..bd7de2df
--- /dev/null
+++ b/sections/main-login.liquid
@@ -0,0 +1,154 @@
+{% comment %}
+  Main Login Section - Influence Theme
+  Customer login form
+{% endcomment %}
+
+<section class="main-login section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container container--narrow">
+    <div class="account-form">
+      <h1 class="account-form__title h2">{{ 'customer.login.title' | t }}</h1>
+
+      {%- form 'customer_login', class: 'account-form__form' -%}
+        {%- if form.errors -%}
+          <div class="form-message form-message--error">
+            {{ form.errors | default_errors }}
+          </div>
+        {%- endif -%}
+
+        <div class="form-group">
+          <label for="CustomerEmail" class="form-label">{{ 'customer.login.email' | t }}</label>
+          <input
+            type="email"
+            id="CustomerEmail"
+            name="customer[email]"
+            class="form-input"
+            autocomplete="email"
+            autocorrect="off"
+            autocapitalize="off"
+            required
+          >
+        </div>
+
+        <div class="form-group">
+          <label for="CustomerPassword" class="form-label">{{ 'customer.login.password' | t }}</label>
+          <input
+            type="password"
+            id="CustomerPassword"
+            name="customer[password]"
+            class="form-input"
+            autocomplete="current-password"
+            required
+          >
+        </div>
+
+        <div class="account-form__forgot">
+          <a href="#recover" class="link" data-show-recover>
+            {{ 'customer.login.forgot_password' | t }}
+          </a>
+        </div>
+
+        <button type="submit" class="btn btn--primary btn--full">
+          {{ 'customer.login.sign_in' | t }}
+        </button>
+      {%- endform -%}
+
+      <div class="account-form__footer">
+        <p>{{ 'customer.login.new_customer' | t }}</p>
+        <a href="{{ routes.account_register_url }}" class="btn btn--outline">
+          {{ 'customer.register.title' | t }}
+        </a>
+      </div>
+    </div>
+
+    {%- comment -%} Password Recovery Form {%- endcomment -%}
+    <div class="account-form account-form--recover" id="recover" hidden>
+      <h1 class="account-form__title h2">{{ 'customer.recover_password.title' | t }}</h1>
+      <p class="account-form__subtitle">{{ 'customer.recover_password.subtext' | t }}</p>
+
+      {%- form 'recover_customer_password', class: 'account-form__form' -%}
+        {%- if form.posted_successfully? -%}
+          <div class="form-message form-message--success">
+            {{ 'customer.recover_password.success' | t }}
+          </div>
+        {%- endif -%}
+
+        <div class="form-group">
+          <label for="RecoverEmail" class="form-label">{{ 'customer.recover_password.email' | t }}</label>
+          <input
+            type="email"
+            id="RecoverEmail"
+            name="email"
+            class="form-input"
+            autocomplete="email"
+            autocorrect="off"
+            autocapitalize="off"
+            required
+          >
+        </div>
+
+        <button type="submit" class="btn btn--primary btn--full">
+          {{ 'customer.recover_password.submit' | t }}
+        </button>
+      {%- endform -%}
+
+      <div class="account-form__footer">
+        <a href="#login" class="link" data-show-login>
+          {{ 'customer.recover_password.back_to_login' | t }}
+        </a>
+      </div>
+    </div>
+  </div>
+</section>
+
+<script>
+(function() {
+  const loginForm = document.querySelector('.account-form:not(.account-form--recover)');
+  const recoverForm = document.querySelector('.account-form--recover');
+  const showRecoverLinks = document.querySelectorAll('[data-show-recover]');
+  const showLoginLinks = document.querySelectorAll('[data-show-login]');
+
+  showRecoverLinks.forEach(link => {
+    link.addEventListener('click', (e) => {
+      e.preventDefault();
+      loginForm.hidden = true;
+      recoverForm.hidden = false;
+      recoverForm.querySelector('input[type="email"]').focus();
+    });
+  });
+
+  showLoginLinks.forEach(link => {
+    link.addEventListener('click', (e) => {
+      e.preventDefault();
+      recoverForm.hidden = true;
+      loginForm.hidden = false;
+      loginForm.querySelector('input[type="email"]').focus();
+    });
+  });
+
+  // Show recover form if URL hash is #recover
+  if (window.location.hash === '#recover') {
+    loginForm.hidden = true;
+    recoverForm.hidden = false;
+  }
+})();
+</script>
+
+{% schema %}
+{
+  "name": "t:sections.main_login.name",
+  "tag": "section",
+  "class": "section-main-login",
+  "settings": [
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-order.liquid b/sections/main-order.liquid
new file mode 100644
index 00000000..7152af69
--- /dev/null
+++ b/sections/main-order.liquid
@@ -0,0 +1,197 @@
+{% comment %}
+  Main Order Section - Influence Theme
+  Displays single order details with line items, discounts, selling plans
+{% endcomment %}
+
+<section class="main-order section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    <header class="order-header">
+      <a href="{{ routes.account_url }}" class="order-header__back link-with-arrow link-with-arrow--reverse">
+        {% render 'icon', icon: 'arrow-left', size: 'sm' %}
+        {{ 'customer.account.return' | t }}
+      </a>
+      <h1 class="order-header__title h2">{{ 'customer.order.title' | t: name: order.name }}</h1>
+      <p class="order-header__date">
+        {{ 'customer.order.date' | t: date: order.created_at | date: format: 'date' }}
+      </p>
+    </header>
+
+    {%- if order.cancelled -%}
+      <div class="order-cancelled">
+        <p>{{ 'customer.order.cancelled' | t: date: order.cancelled_at | date: format: 'date' }}</p>
+        <p>{{ 'customer.order.cancelled_reason' | t: reason: order.cancel_reason_label }}</p>
+      </div>
+    {%- endif -%}
+
+    <div class="order-content">
+      {%- comment -%} Order Items {%- endcomment -%}
+      <div class="order-items">
+        <table class="order-items__table">
+          <thead>
+            <tr>
+              <th colspan="2">{{ 'customer.order.product' | t }}</th>
+              <th>{{ 'customer.order.sku' | t }}</th>
+              <th class="text-right">{{ 'customer.order.price' | t }}</th>
+              <th class="text-center">{{ 'customer.order.quantity' | t }}</th>
+              <th class="text-right">{{ 'customer.order.total' | t }}</th>
+            </tr>
+          </thead>
+          <tbody>
+            {%- for line_item in order.line_items -%}
+              <tr>
+                <td class="order-items__image">
+                  {%- if line_item.image -%}
+                    {{ line_item.image | image_url: width: 100 | image_tag: loading: 'lazy', width: 50, height: 50 }}
+                  {%- endif -%}
+                </td>
+                <td class="order-items__info">
+                  <p class="order-items__title">
+                    {%- if line_item.url -%}
+                      <a href="{{ line_item.url }}">{{ line_item.title }}</a>
+                    {%- else -%}
+                      {{ line_item.title }}
+                    {%- endif -%}
+                  </p>
+
+                  {%- if line_item.selling_plan_allocation -%}
+                    <p class="order-items__selling-plan">
+                      {{ line_item.selling_plan_allocation.selling_plan.name }}
+                    </p>
+                  {%- endif -%}
+
+                  {%- for property in line_item.properties -%}
+                    {%- assign property_first_char = property.first | slice: 0 -%}
+                    {%- if property.last != blank and property_first_char != '_' -%}
+                      <p class="order-items__property">
+                        {{ property.first }}: {{ property.last }}
+                      </p>
+                    {%- endif -%}
+                  {%- endfor -%}
+
+                  {%- if line_item.line_level_discount_allocations.size > 0 -%}
+                    <ul class="order-items__discounts">
+                      {%- for discount in line_item.line_level_discount_allocations -%}
+                        <li>{{ discount.discount_application.title }} (-{{ discount.amount | money }})</li>
+                      {%- endfor -%}
+                    </ul>
+                  {%- endif -%}
+
+                  {%- if line_item.fulfillment -%}
+                    <p class="order-items__fulfillment">
+                      {{ 'customer.order.fulfilled_at' | t: date: line_item.fulfillment.created_at | date: format: 'date' }}
+                      {%- if line_item.fulfillment.tracking_url -%}
+                        <a href="{{ line_item.fulfillment.tracking_url }}">
+                          {{ line_item.fulfillment.tracking_company }}
+                          {%- if line_item.fulfillment.tracking_number -%}
+                            #{{ line_item.fulfillment.tracking_number }}
+                          {%- endif -%}
+                        </a>
+                      {%- endif -%}
+                    </p>
+                  {%- endif -%}
+                </td>
+                <td class="order-items__sku">{{ line_item.sku | default: '-' }}</td>
+                <td class="order-items__price text-right">
+                  {%- if line_item.original_price != line_item.final_price -%}
+                    <span class="order-items__price-sale">{{ line_item.final_price | money }}</span>
+                    <span class="order-items__price-compare">{{ line_item.original_price | money }}</span>
+                  {%- else -%}
+                    {{ line_item.original_price | money }}
+                  {%- endif -%}
+
+                  {%- if line_item.unit_price_measurement -%}
+                    <span class="order-items__unit-price">
+                      {{ line_item.unit_price | money }}/{{ line_item.unit_price_measurement.reference_unit }}
+                    </span>
+                  {%- endif -%}
+                </td>
+                <td class="order-items__quantity text-center">{{ line_item.quantity }}</td>
+                <td class="order-items__total text-right">
+                  {%- if line_item.original_line_price != line_item.final_line_price -%}
+                    <span class="order-items__total-sale">{{ line_item.final_line_price | money }}</span>
+                    <span class="order-items__total-compare">{{ line_item.original_line_price | money }}</span>
+                  {%- else -%}
+                    {{ line_item.original_line_price | money }}
+                  {%- endif -%}
+                </td>
+              </tr>
+            {%- endfor -%}
+          </tbody>
+          <tfoot>
+            <tr>
+              <td colspan="5" class="text-right">{{ 'customer.order.subtotal' | t }}</td>
+              <td class="text-right">{{ order.line_items_subtotal_price | money }}</td>
+            </tr>
+
+            {%- for discount in order.cart_level_discount_applications -%}
+              <tr>
+                <td colspan="5" class="text-right">
+                  {{ 'customer.order.discount' | t }} ({{ discount.title }})
+                </td>
+                <td class="text-right">-{{ discount.total_allocated_amount | money }}</td>
+              </tr>
+            {%- endfor -%}
+
+            {%- for shipping_method in order.shipping_methods -%}
+              <tr>
+                <td colspan="5" class="text-right">
+                  {{ 'customer.order.shipping' | t }} ({{ shipping_method.title }})
+                </td>
+                <td class="text-right">{{ shipping_method.price | money }}</td>
+              </tr>
+            {%- endfor -%}
+
+            {%- for tax_line in order.tax_lines -%}
+              <tr>
+                <td colspan="5" class="text-right">
+                  {{ 'customer.order.tax' | t }} ({{ tax_line.title }} {{ tax_line.rate | times: 100 }}%)
+                </td>
+                <td class="text-right">{{ tax_line.price | money }}</td>
+              </tr>
+            {%- endfor -%}
+
+            <tr class="order-items__total-row">
+              <td colspan="5" class="text-right">{{ 'customer.order.total' | t }}</td>
+              <td class="text-right">{{ order.total_price | money_with_currency }}</td>
+            </tr>
+          </tfoot>
+        </table>
+      </div>
+
+      {%- comment -%} Order Info {%- endcomment -%}
+      <div class="order-info">
+        <div class="order-info__section">
+          <h3 class="order-info__heading h5">{{ 'customer.order.billing_address' | t }}</h3>
+          <p><strong>{{ 'customer.order.payment_status' | t }}:</strong> {{ order.financial_status_label }}</p>
+          <address>{{ order.billing_address | format_address }}</address>
+        </div>
+
+        <div class="order-info__section">
+          <h3 class="order-info__heading h5">{{ 'customer.order.shipping_address' | t }}</h3>
+          <p><strong>{{ 'customer.order.fulfillment_status' | t }}:</strong> {{ order.fulfillment_status_label }}</p>
+          <address>{{ order.shipping_address | format_address }}</address>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.main_order.name",
+  "tag": "section",
+  "class": "section-main-order",
+  "settings": [
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-page.liquid b/sections/main-page.liquid
new file mode 100644
index 00000000..870b8fe0
--- /dev/null
+++ b/sections/main-page.liquid
@@ -0,0 +1,61 @@
+{% comment %}
+  Main Page Section - Influence Theme
+  Displays page content
+{% endcomment %}
+
+<section class="main-page section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container{% if section.settings.narrow_container %} container--narrow{% endif %}">
+    {%- if section.settings.show_title -%}
+      <h1 class="main-page__title {{ section.settings.heading_size }}">{{ page.title }}</h1>
+    {%- endif -%}
+
+    {%- if page.content != blank -%}
+      <div class="main-page__content rte">
+        {{ page.content }}
+      </div>
+    {%- endif -%}
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.main_page.name",
+  "tag": "section",
+  "class": "section-main-page",
+  "settings": [
+    {
+      "type": "checkbox",
+      "id": "show_title",
+      "label": "t:sections.main_page.settings.show_title.label",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "heading_size",
+      "label": "t:labels.heading_size",
+      "options": [
+        { "value": "h3", "label": "t:options.heading_size.small" },
+        { "value": "h2", "label": "t:options.heading_size.medium" },
+        { "value": "h1", "label": "t:options.heading_size.large" }
+      ],
+      "default": "h1"
+    },
+    {
+      "type": "checkbox",
+      "id": "narrow_container",
+      "label": "t:sections.main_page.settings.narrow_container.label",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-password.liquid b/sections/main-password.liquid
new file mode 100644
index 00000000..5ae421dd
--- /dev/null
+++ b/sections/main-password.liquid
@@ -0,0 +1,210 @@
+{% comment %}
+  Main Password Section - Influence Theme
+  Password page for store in password mode
+{% endcomment %}
+
+<section class="main-password section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    <div class="main-password__content text-center">
+      {%- if section.settings.logo != blank -%}
+        <div class="main-password__logo">
+          {{
+            section.settings.logo
+            | image_url: width: 400
+            | image_tag:
+              loading: 'eager',
+              width: section.settings.logo_width,
+              class: 'main-password__logo-image'
+          }}
+        </div>
+      {%- else -%}
+        <h1 class="main-password__shop-name h1">{{ shop.name }}</h1>
+      {%- endif -%}
+
+      {%- if section.settings.heading != blank -%}
+        <h2 class="main-password__heading h2">{{ section.settings.heading }}</h2>
+      {%- endif -%}
+
+      {%- if section.settings.text != blank -%}
+        <div class="main-password__text rte">
+          {{ section.settings.text }}
+        </div>
+      {%- endif -%}
+
+      {%- comment -%} Newsletter Signup {%- endcomment -%}
+      {%- if section.settings.show_newsletter -%}
+        <div class="main-password__newsletter">
+          {%- form 'customer', class: 'password-newsletter-form' -%}
+            <input type="hidden" name="contact[tags]" value="password-page">
+
+            {%- if form.posted_successfully? -%}
+              <p class="form-message form-message--success">
+                {{ 'newsletter.success' | t }}
+              </p>
+            {%- else -%}
+              {%- if form.errors -%}
+                <p class="form-message form-message--error">
+                  {{ form.errors.messages['email'] }}
+                </p>
+              {%- endif -%}
+
+              <div class="password-newsletter-form__field">
+                <label for="PasswordEmail" class="visually-hidden">{{ 'newsletter.email_placeholder' | t }}</label>
+                <input
+                  type="email"
+                  id="PasswordEmail"
+                  name="contact[email]"
+                  class="form-input"
+                  placeholder="{{ 'newsletter.email_placeholder' | t }}"
+                  required
+                  autocomplete="email"
+                >
+                <button type="submit" class="btn btn--primary">
+                  {{ 'newsletter.subscribe' | t }}
+                </button>
+              </div>
+            {%- endif -%}
+          {%- endform -%}
+        </div>
+      {%- endif -%}
+
+      {%- comment -%} Password Entry {%- endcomment -%}
+      <div class="main-password__login">
+        <button type="button" class="main-password__login-btn link" data-password-toggle>
+          {{ 'password.enter_password' | t }}
+        </button>
+
+        <div class="main-password__form" data-password-form hidden>
+          {%- form 'storefront_password', class: 'password-form' -%}
+            {%- if form.errors -%}
+              <p class="form-message form-message--error">
+                {{ 'password.wrong_password' | t }}
+              </p>
+            {%- endif -%}
+
+            <div class="password-form__field">
+              <label for="Password" class="visually-hidden">{{ 'password.password' | t }}</label>
+              <input
+                type="password"
+                id="Password"
+                name="password"
+                class="form-input"
+                placeholder="{{ 'password.password' | t }}"
+                required
+              >
+              <button type="submit" class="btn btn--primary">
+                {{ 'password.submit' | t }}
+              </button>
+            </div>
+          {%- endform -%}
+        </div>
+      </div>
+
+      {%- comment -%} Social Links {%- endcomment -%}
+      {%- if section.settings.show_social -%}
+        <div class="main-password__social">
+          {%- if settings.social_facebook_link != blank -%}
+            <a href="{{ settings.social_facebook_link }}" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
+              {% render 'icon', icon: 'facebook' %}
+            </a>
+          {%- endif -%}
+          {%- if settings.social_instagram_link != blank -%}
+            <a href="{{ settings.social_instagram_link }}" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
+              {% render 'icon', icon: 'instagram' %}
+            </a>
+          {%- endif -%}
+          {%- if settings.social_twitter_link != blank -%}
+            <a href="{{ settings.social_twitter_link }}" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
+              {% render 'icon', icon: 'twitter' %}
+            </a>
+          {%- endif -%}
+          {%- if settings.social_pinterest_link != blank -%}
+            <a href="{{ settings.social_pinterest_link }}" target="_blank" rel="noopener noreferrer" aria-label="Pinterest">
+              {% render 'icon', icon: 'pinterest' %}
+            </a>
+          {%- endif -%}
+          {%- if settings.social_tiktok_link != blank -%}
+            <a href="{{ settings.social_tiktok_link }}" target="_blank" rel="noopener noreferrer" aria-label="TikTok">
+              {% render 'icon', icon: 'tiktok' %}
+            </a>
+          {%- endif -%}
+        </div>
+      {%- endif -%}
+    </div>
+  </div>
+</section>
+
+<script>
+(function() {
+  const toggleBtn = document.querySelector('[data-password-toggle]');
+  const passwordForm = document.querySelector('[data-password-form]');
+
+  if (toggleBtn && passwordForm) {
+    toggleBtn.addEventListener('click', () => {
+      passwordForm.hidden = !passwordForm.hidden;
+      if (!passwordForm.hidden) {
+        passwordForm.querySelector('input[type="password"]').focus();
+      }
+    });
+  }
+})();
+</script>
+
+{% schema %}
+{
+  "name": "t:sections.main_password.name",
+  "tag": "section",
+  "class": "section-main-password",
+  "settings": [
+    {
+      "type": "image_picker",
+      "id": "logo",
+      "label": "t:sections.main_password.settings.logo.label"
+    },
+    {
+      "type": "range",
+      "id": "logo_width",
+      "label": "t:sections.main_password.settings.logo_width.label",
+      "min": 50,
+      "max": 300,
+      "step": 10,
+      "unit": "px",
+      "default": 150
+    },
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "t:labels.heading",
+      "default": "Opening soon"
+    },
+    {
+      "type": "richtext",
+      "id": "text",
+      "label": "t:labels.text",
+      "default": "<p>Be the first to know when we launch. Subscribe to our newsletter for exclusive updates.</p>"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_newsletter",
+      "label": "t:sections.main_password.settings.show_newsletter.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_social",
+      "label": "t:sections.main_password.settings.show_social.label",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-product.liquid b/sections/main-product.liquid
new file mode 100644
index 00000000..dd93e0f1
--- /dev/null
+++ b/sections/main-product.liquid
@@ -0,0 +1,1152 @@
+{% comment %}
+  Main Product Section - Influence Theme
+  CRITICAL FOR THEME STORE: Full product page with all required blocks
+
+  Required features implemented:
+  - @app blocks support
+  - All product blocks (title, price, vendor, description, variant_picker, etc.)
+  - Dynamic checkout buttons (enabled by default)
+  - Selling plans / subscriptions
+  - Gift card recipient form
+  - Pickup availability
+  - Shop Pay Installments banner
+{% endcomment %}
+
+{%- liquid
+  assign product = product
+  assign current_variant = product.selected_or_first_available_variant
+  assign first_3d_model = product.media | where: 'media_type', 'model' | first
+-%}
+
+<section class="main-product section">
+  <div class="main-product__grid{% if section.settings.media_position == 'right' %} main-product__grid--reverse{% endif %}">
+    {%- comment -%} Product Media Gallery {%- endcomment -%}
+    <div class="main-product__media">
+      {%- if product.media.size > 0 -%}
+        <div class="product-gallery" data-product-gallery>
+          {%- comment -%} Thumbnails {%- endcomment -%}
+          {%- if product.media.size > 1 and section.settings.gallery_layout == 'thumbnails' -%}
+            <div class="product-gallery__thumbnails" data-thumbnails>
+              {%- for media in product.media -%}
+                <button
+                  type="button"
+                  class="product-gallery__thumbnail{% if forloop.first %} is-active{% endif %}"
+                  data-thumbnail-index="{{ forloop.index0 }}"
+                  aria-label="{{ 'product.media_thumbnail' | t: index: forloop.index }}"
+                >
+                  {%- if media.media_type == 'image' -%}
+                    {{ media | image_url: width: 100 | image_tag: loading: 'lazy' }}
+                  {%- elsif media.media_type == 'video' or media.media_type == 'external_video' -%}
+                    <div class="product-gallery__thumbnail-video">
+                      {{ media.preview_image | image_url: width: 100 | image_tag: loading: 'lazy' }}
+                      {% render 'icon', icon: 'play', size: 'sm' %}
+                    </div>
+                  {%- elsif media.media_type == 'model' -%}
+                    <div class="product-gallery__thumbnail-model">
+                      {{ media.preview_image | image_url: width: 100 | image_tag: loading: 'lazy' }}
+                    </div>
+                  {%- endif -%}
+                </button>
+              {%- endfor -%}
+            </div>
+          {%- endif -%}
+
+          {%- comment -%} Main Media {%- endcomment -%}
+          <div class="product-gallery__main" data-main-media>
+            {%- for media in product.media -%}
+              <div
+                class="product-gallery__slide{% if forloop.first %} is-active{% endif %}"
+                data-media-id="{{ media.id }}"
+                data-slide-index="{{ forloop.index0 }}"
+                {% unless forloop.first %}hidden{% endunless %}
+              >
+                {%- case media.media_type -%}
+                  {%- when 'image' -%}
+                    <div class="product-gallery__image media aspect-portrait">
+                      {{
+                        media
+                        | image_url: width: 1200
+                        | image_tag:
+                          loading: 'eager',
+                          fetchpriority: 'high',
+                          sizes: '(min-width: 1200px) 50vw, 100vw',
+                          widths: '375, 550, 750, 1000, 1200',
+                          data-zoom-url: media | image_url: width: 2400
+                      }}
+                    </div>
+
+                  {%- when 'video' -%}
+                    <div class="product-gallery__video">
+                      {{
+                        media
+                        | video_tag:
+                          image_size: '1200x',
+                          controls: true,
+                          loop: section.settings.enable_video_looping,
+                          muted: false
+                      }}
+                    </div>
+
+                  {%- when 'external_video' -%}
+                    <div class="product-gallery__video">
+                      {%- if media.host == 'youtube' -%}
+                        {{ media | external_video_url: autoplay: false, loop: section.settings.enable_video_looping | external_video_tag }}
+                      {%- elsif media.host == 'vimeo' -%}
+                        {{ media | external_video_url: autoplay: false, loop: section.settings.enable_video_looping | external_video_tag }}
+                      {%- endif -%}
+                    </div>
+
+                  {%- when 'model' -%}
+                    <div class="product-gallery__model">
+                      {{ media | model_viewer_tag: reveal: 'interaction', toggleable: true }}
+                    </div>
+                {%- endcase -%}
+              </div>
+            {%- endfor -%}
+
+            {%- comment -%} Zoom button {%- endcomment -%}
+            {%- if section.settings.enable_zoom -%}
+              <button
+                type="button"
+                class="product-gallery__zoom btn btn--icon btn--tertiary"
+                data-zoom-toggle
+                aria-label="{{ 'product.zoom' | t }}"
+              >
+                {% render 'icon', icon: 'zoom-in' %}
+              </button>
+            {%- endif -%}
+          </div>
+
+          {%- comment -%} Stacked layout {%- endcomment -%}
+          {%- if section.settings.gallery_layout == 'stacked' and product.media.size > 1 -%}
+            <div class="product-gallery__stacked">
+              {%- for media in product.media offset: 1 -%}
+                {%- if media.media_type == 'image' -%}
+                  <div class="product-gallery__image media aspect-portrait">
+                    {{
+                      media
+                      | image_url: width: 1200
+                      | image_tag:
+                        loading: 'lazy',
+                        sizes: '(min-width: 1200px) 50vw, 100vw',
+                        widths: '375, 550, 750, 1000, 1200'
+                    }}
+                  </div>
+                {%- endif -%}
+              {%- endfor -%}
+            </div>
+          {%- endif -%}
+        </div>
+      {%- else -%}
+        <div class="product-gallery__placeholder media aspect-portrait">
+          {{ 'product-1' | placeholder_svg_tag }}
+        </div>
+      {%- endif -%}
+    </div>
+
+    {%- comment -%} Product Info {%- endcomment -%}
+    <div class="main-product__info{% if section.settings.enable_sticky %} main-product__info--sticky{% endif %}">
+      {%- comment -%} Product Form {%- endcomment -%}
+      {%- form 'product',
+        product,
+        id: 'product-form',
+        data-product-form: '',
+        data-product-id: product.id,
+        data-product-handle: product.handle
+      -%}
+        {%- for block in section.blocks -%}
+          {%- case block.type -%}
+            {%- comment -%} ======== VENDOR ======== {%- endcomment -%}
+            {%- when 'vendor' -%}
+              {%- if product.vendor != blank -%}
+                <p class="product-info__vendor subheading" {{ block.shopify_attributes }}>
+                  {{ product.vendor }}
+                </p>
+              {%- endif -%}
+
+            {%- comment -%} ======== TITLE ======== {%- endcomment -%}
+            {%- when 'title' -%}
+              <h1 class="product-info__title h2" {{ block.shopify_attributes }}>
+                {{ product.title }}
+              </h1>
+
+            {%- comment -%} ======== PRICE ======== {%- endcomment -%}
+            {%- when 'price' -%}
+              <div class="product-info__price" {{ block.shopify_attributes }} data-product-price>
+                {% render 'price', product: product %}
+
+                {%- comment -%} Shop Pay Installments Banner {%- endcomment -%}
+                {%- if block.settings.show_installments -%}
+                  {{ form | payment_terms }}
+                {%- endif -%}
+              </div>
+
+            {%- comment -%} ======== DESCRIPTION ======== {%- endcomment -%}
+            {%- when 'description' -%}
+              {%- if product.description != blank -%}
+                <div class="product-info__description rte" {{ block.shopify_attributes }}>
+                  {{ product.description }}
+                </div>
+              {%- endif -%}
+
+            {%- comment -%} ======== VARIANT PICKER ======== {%- endcomment -%}
+            {%- when 'variant_picker' -%}
+              {%- unless product.has_only_default_variant -%}
+                <div class="variant-picker" {{ block.shopify_attributes }} data-variant-picker>
+                  {%- for option in product.options_with_values -%}
+                    {%- liquid
+                      assign option_index = forloop.index0
+                      assign option_name_downcase = option.name | downcase
+                      assign is_color = false
+                      if option_name_downcase == 'color' or option_name_downcase == 'colour'
+                        assign is_color = true
+                      endif
+                    -%}
+
+                    <div class="variant-picker__option" data-option-index="{{ option_index }}">
+                      <label class="variant-picker__label">
+                        {{ option.name }}:
+                        <span data-selected-value>{{ option.selected_value }}</span>
+                      </label>
+
+                      {%- if block.settings.style == 'dropdown' -%}
+                        <select
+                          class="form-select variant-picker__select"
+                          name="options[{{ option.name }}]"
+                          data-option-select
+                        >
+                          {%- for value in option.values -%}
+                            <option
+                              value="{{ value }}"
+                              {% if value == option.selected_value %}selected{% endif %}
+                            >
+                              {{ value }}
+                            </option>
+                          {%- endfor -%}
+                        </select>
+
+                      {%- else -%}
+                        <div class="variant-picker__values">
+                          {%- for value in option.values -%}
+                            {%- liquid
+                              assign variant_for_value = product.variants | where: option.name, value | first
+                              assign is_available = variant_for_value.available
+                            -%}
+
+                            {%- if is_color and block.settings.swatch_type != 'none' -%}
+                              {%- liquid
+                                assign swatch_color = value | handle | replace: '-', ''
+                                assign swatch_image = ''
+                                if block.settings.swatch_type == 'image' and variant_for_value.featured_image
+                                  assign swatch_image = variant_for_value.featured_image | image_url: width: 50
+                                endif
+                              -%}
+                              <button
+                                type="button"
+                                class="swatch{% if value == option.selected_value %} is-selected{% endif %}{% unless is_available %} is-unavailable{% endunless %}"
+                                data-value="{{ value }}"
+                                style="--swatch-color: {{ swatch_color }};{% if swatch_image != blank %} --swatch-image: url('{{ swatch_image }}');{% endif %}"
+                                title="{{ value }}"
+                                {% unless is_available %}disabled{% endunless %}
+                              >
+                                <span class="visually-hidden">{{ value }}</span>
+                              </button>
+                            {%- else -%}
+                              <button
+                                type="button"
+                                class="variant-picker__value{% if value == option.selected_value %} is-selected{% endif %}{% unless is_available %} is-unavailable{% endunless %}"
+                                data-value="{{ value }}"
+                                {% unless is_available %}disabled{% endunless %}
+                              >
+                                {{ value }}
+                              </button>
+                            {%- endif -%}
+                          {%- endfor -%}
+                        </div>
+                      {%- endif -%}
+                    </div>
+                  {%- endfor -%}
+
+                  <select name="id" class="visually-hidden" data-variant-select>
+                    {%- for variant in product.variants -%}
+                      <option
+                        value="{{ variant.id }}"
+                        {% if variant == current_variant %}selected{% endif %}
+                        data-available="{{ variant.available }}"
+                      >
+                        {{ variant.title }} - {{ variant.price | money }}
+                      </option>
+                    {%- endfor -%}
+                  </select>
+                </div>
+              {%- else -%}
+                <input type="hidden" name="id" value="{{ current_variant.id }}">
+              {%- endunless -%}
+
+            {%- comment -%} ======== QUANTITY SELECTOR ======== {%- endcomment -%}
+            {%- when 'quantity_selector' -%}
+              <div class="product-info__quantity" {{ block.shopify_attributes }}>
+                <label class="form-label" for="quantity">{{ 'product.quantity' | t }}</label>
+                <div class="quantity-input">
+                  <button
+                    type="button"
+                    class="quantity-input__button"
+                    data-quantity-minus
+                    aria-label="{{ 'product.decrease_quantity' | t }}"
+                  >
+                    {% render 'icon', icon: 'minus' %}
+                  </button>
+                  <input
+                    type="number"
+                    id="quantity"
+                    name="quantity"
+                    class="quantity-input__field"
+                    value="1"
+                    min="1"
+                    aria-label="{{ 'product.quantity' | t }}"
+                  >
+                  <button
+                    type="button"
+                    class="quantity-input__button"
+                    data-quantity-plus
+                    aria-label="{{ 'product.increase_quantity' | t }}"
+                  >
+                    {% render 'icon', icon: 'plus' %}
+                  </button>
+                </div>
+              </div>
+
+            {%- comment -%} ======== BUY BUTTONS (CRITICAL) ======== {%- endcomment -%}
+            {%- when 'buy_buttons' -%}
+              <div class="product-info__buy-buttons buy-buttons" {{ block.shopify_attributes }}>
+                {%- comment -%} Gift Card Recipient Form {%- endcomment -%}
+                {%- if product.gift_card? -%}
+                  <div class="gift-card-recipient">
+                    <div class="form-group">
+                      <input
+                        type="checkbox"
+                        id="gift-card-recipient"
+                        name="properties[__shopify_send_gift_card_to_recipient]"
+                        class="form-checkbox"
+                      >
+                      <label for="gift-card-recipient">{{ 'gift_card.recipient.checkbox' | t }}</label>
+                    </div>
+                    <div class="gift-card-recipient__fields" hidden data-gift-card-fields>
+                      <div class="form-group">
+                        <label for="gift-card-recipient-email" class="form-label">
+                          {{ 'gift_card.recipient.email_label' | t }}
+                        </label>
+                        <input
+                          type="email"
+                          id="gift-card-recipient-email"
+                          name="properties[Recipient email]"
+                          class="form-input"
+                          placeholder="{{ 'gift_card.recipient.email_placeholder' | t }}"
+                        >
+                      </div>
+                      <div class="form-group">
+                        <label for="gift-card-recipient-name" class="form-label">
+                          {{ 'gift_card.recipient.name_label' | t }}
+                        </label>
+                        <input
+                          type="text"
+                          id="gift-card-recipient-name"
+                          name="properties[Recipient name]"
+                          class="form-input"
+                          placeholder="{{ 'gift_card.recipient.name_placeholder' | t }}"
+                        >
+                      </div>
+                      <div class="form-group">
+                        <label for="gift-card-recipient-message" class="form-label">
+                          {{ 'gift_card.recipient.message_label' | t }}
+                        </label>
+                        <textarea
+                          id="gift-card-recipient-message"
+                          name="properties[Message]"
+                          class="form-textarea"
+                          rows="3"
+                          placeholder="{{ 'gift_card.recipient.message_placeholder' | t }}"
+                          maxlength="200"
+                        ></textarea>
+                      </div>
+                      <div class="form-group">
+                        <label for="gift-card-recipient-send-on" class="form-label">
+                          {{ 'gift_card.recipient.send_on_label' | t }}
+                        </label>
+                        <input
+                          type="date"
+                          id="gift-card-recipient-send-on"
+                          name="properties[Send on]"
+                          class="form-input"
+                        >
+                      </div>
+                    </div>
+                  </div>
+                {%- endif -%}
+
+                {%- comment -%} Selling Plans / Subscriptions {%- endcomment -%}
+                {%- if product.selling_plan_groups.size > 0 -%}
+                  <div class="selling-plan-picker" data-selling-plan-picker>
+                    {%- for group in product.selling_plan_groups -%}
+                      <fieldset class="selling-plan-group">
+                        <legend class="form-label">{{ group.name }}</legend>
+                        <div class="selling-plan-options">
+                          <label class="selling-plan-option">
+                            <input
+                              type="radio"
+                              name="selling_plan"
+                              value=""
+                              checked
+                              class="form-radio"
+                            >
+                            <span>{{ 'product.one_time_purchase' | t }}</span>
+                          </label>
+                          {%- for plan in group.selling_plans -%}
+                            <label class="selling-plan-option">
+                              <input
+                                type="radio"
+                                name="selling_plan"
+                                value="{{ plan.id }}"
+                                class="form-radio"
+                              >
+                              <span>{{ plan.name }}</span>
+                              {%- if plan.price_adjustments.size > 0 -%}
+                                <span class="selling-plan-option__price">
+                                  {{ plan.price_adjustments[0].value | money }}
+                                </span>
+                              {%- endif -%}
+                            </label>
+                          {%- endfor -%}
+                        </div>
+                      </fieldset>
+                    {%- endfor -%}
+                  </div>
+                {%- endif -%}
+
+                {%- comment -%} Add to Cart Button {%- endcomment -%}
+                <button
+                  type="submit"
+                  name="add"
+                  class="btn btn--primary btn--full btn--lg"
+                  {% unless current_variant.available %}disabled{% endunless %}
+                  data-add-to-cart
+                >
+                  <span data-add-to-cart-text>
+                    {%- if current_variant.available -%}
+                      {{ 'product.add_to_cart' | t }}
+                    {%- else -%}
+                      {{ 'product.sold_out' | t }}
+                    {%- endif -%}
+                  </span>
+                </button>
+
+                {%- comment -%} Dynamic Checkout Buttons (REQUIRED - enabled by default) {%- endcomment -%}
+                {%- if block.settings.show_dynamic_checkout -%}
+                  {{ form | payment_button }}
+                {%- endif -%}
+              </div>
+
+            {%- comment -%} ======== INVENTORY ======== {%- endcomment -%}
+            {%- when 'inventory' -%}
+              <div class="product-info__inventory" {{ block.shopify_attributes }} data-inventory-status>
+                {%- if current_variant.available -%}
+                  {%- if current_variant.inventory_management and current_variant.inventory_quantity <= block.settings.inventory_threshold -%}
+                    <p class="product-info__inventory-low">
+                      {% render 'icon', icon: 'alert-circle', size: 'sm' %}
+                      {%- if block.settings.show_count -%}
+                        {{ 'product.low_stock_count' | t: count: current_variant.inventory_quantity }}
+                      {%- else -%}
+                        {{ 'product.low_stock' | t }}
+                      {%- endif -%}
+                    </p>
+                  {%- else -%}
+                    <p class="product-info__inventory-in-stock">
+                      {% render 'icon', icon: 'check-circle', size: 'sm' %}
+                      {{ 'product.in_stock' | t }}
+                    </p>
+                  {%- endif -%}
+                {%- else -%}
+                  <p class="product-info__inventory-out-of-stock">
+                    {{ 'product.out_of_stock' | t }}
+                  </p>
+                {%- endif -%}
+              </div>
+
+            {%- comment -%} ======== PICKUP AVAILABILITY ======== {%- endcomment -%}
+            {%- when 'pickup_availability' -%}
+              <div class="product-info__pickup" {{ block.shopify_attributes }}>
+                {{ current_variant | pickup_availability }}
+              </div>
+
+            {%- comment -%} ======== SKU ======== {%- endcomment -%}
+            {%- when 'sku' -%}
+              {%- if current_variant.sku != blank -%}
+                <p class="product-info__sku text-sm text-muted" {{ block.shopify_attributes }} data-product-sku>
+                  {{ 'product.sku' | t }}: {{ current_variant.sku }}
+                </p>
+              {%- endif -%}
+
+            {%- comment -%} ======== RATING ======== {%- endcomment -%}
+            {%- when 'rating' -%}
+              {%- if product.metafields.reviews.rating.value != blank -%}
+                <div class="product-info__rating" {{ block.shopify_attributes }}>
+                  {% assign rating = product.metafields.reviews.rating.value %}
+                  {% assign rating_count = product.metafields.reviews.rating_count.value %}
+                  <div class="product-rating">
+                    {%- for i in (1..5) -%}
+                      {%- if i <= rating -%}
+                        {% render 'icon', icon: 'star-filled', size: 'sm' %}
+                      {%- else -%}
+                        {% render 'icon', icon: 'star', size: 'sm' %}
+                      {%- endif -%}
+                    {%- endfor -%}
+                    {%- if rating_count -%}
+                      <span class="product-rating__count">({{ rating_count }})</span>
+                    {%- endif -%}
+                  </div>
+                </div>
+              {%- endif -%}
+
+            {%- comment -%} ======== SHARE ======== {%- endcomment -%}
+            {%- when 'share' -%}
+              <div class="product-info__share" {{ block.shopify_attributes }}>
+                {% render 'social-share', share_title: product.title, share_url: product.url %}
+              </div>
+
+            {%- comment -%} ======== COLLAPSIBLE TAB ======== {%- endcomment -%}
+            {%- when 'collapsible_tab' -%}
+              <details class="product-info__collapsible" {{ block.shopify_attributes }}>
+                <summary class="product-info__collapsible-summary">
+                  {%- if block.settings.icon != 'none' -%}
+                    {% render 'icon', icon: block.settings.icon %}
+                  {%- endif -%}
+                  <span>{{ block.settings.heading | default: 'Tab' }}</span>
+                  {% render 'icon', icon: 'chevron-down', size: 'sm' %}
+                </summary>
+                <div class="product-info__collapsible-content rte">
+                  {%- if block.settings.page != blank -%}
+                    {{ block.settings.page.content }}
+                  {%- else -%}
+                    {{ block.settings.content }}
+                  {%- endif -%}
+                </div>
+              </details>
+
+            {%- comment -%} ======== POPUP ======== {%- endcomment -%}
+            {%- when 'popup' -%}
+              {%- if block.settings.page != blank -%}
+                <div class="product-info__popup" {{ block.shopify_attributes }}>
+                  <button
+                    type="button"
+                    class="product-info__popup-trigger link"
+                    data-popup-trigger="{{ block.id }}"
+                  >
+                    {{ block.settings.link_label | default: 'Size guide' }}
+                  </button>
+                  <dialog class="product-info__popup-dialog" id="popup-{{ block.id }}">
+                    <div class="product-info__popup-header">
+                      <h3>{{ block.settings.page.title }}</h3>
+                      <button type="button" class="btn btn--icon" data-popup-close>
+                        {% render 'icon', icon: 'close' %}
+                      </button>
+                    </div>
+                    <div class="product-info__popup-content rte">
+                      {{ block.settings.page.content }}
+                    </div>
+                  </dialog>
+                </div>
+              {%- endif -%}
+
+            {%- comment -%} ======== COMPLEMENTARY PRODUCTS ======== {%- endcomment -%}
+            {%- when 'complementary' -%}
+              {%- if recommendations.performed and recommendations.products_count > 0 -%}
+                <div class="product-info__complementary" {{ block.shopify_attributes }}>
+                  <h3 class="product-info__complementary-heading h6">
+                    {{ block.settings.heading | default: 'Complete the look' }}
+                  </h3>
+                  <div class="product-info__complementary-products">
+                    {%- for product in recommendations.products limit: block.settings.products_to_show -%}
+                      {% render 'product-card', product: product %}
+                    {%- endfor -%}
+                  </div>
+                </div>
+              {%- endif -%}
+
+            {%- comment -%} ======== CUSTOM LIQUID ======== {%- endcomment -%}
+            {%- when 'custom_liquid' -%}
+              <div class="product-info__custom-liquid" {{ block.shopify_attributes }}>
+                {{ block.settings.liquid }}
+              </div>
+
+            {%- comment -%} ======== TEXT ======== {%- endcomment -%}
+            {%- when 'text' -%}
+              <div
+                class="product-info__text{% if block.settings.text_style == 'small' %} text-sm{% elsif block.settings.text_style == 'uppercase' %} subheading{% endif %}"
+                {{ block.shopify_attributes }}
+              >
+                {{ block.settings.text }}
+              </div>
+
+            {%- comment -%} ======== DIVIDER ======== {%- endcomment -%}
+            {%- when 'divider' -%}
+              <hr class="product-info__divider divider" {{ block.shopify_attributes }}>
+
+            {%- comment -%} ======== APP BLOCKS (REQUIRED) ======== {%- endcomment -%}
+            {%- when '@app' -%}
+              <div class="product-info__app-block" {{ block.shopify_attributes }}>
+                {% render block %}
+              </div>
+          {%- endcase -%}
+        {%- endfor -%}
+      {%- endform -%}
+    </div>
+  </div>
+</section>
+
+{%- comment -%} Product JSON for JavaScript {%- endcomment -%}
+<script type="application/json" data-product-json>
+  {{ product | json }}
+</script>
+
+<script>
+  // Product form functionality
+  (function() {
+    const form = document.querySelector('[data-product-form]');
+    if (!form) return;
+
+    const productJson = JSON.parse(document.querySelector('[data-product-json]').textContent);
+    const variantSelect = form.querySelector('[data-variant-select]');
+    const variantPicker = form.querySelector('[data-variant-picker]');
+    const addToCartBtn = form.querySelector('[data-add-to-cart]');
+    const addToCartText = form.querySelector('[data-add-to-cart-text]');
+    const priceContainer = form.querySelector('[data-product-price]');
+
+    // Quantity buttons
+    const quantityMinus = form.querySelector('[data-quantity-minus]');
+    const quantityPlus = form.querySelector('[data-quantity-plus]');
+    const quantityInput = form.querySelector('input[name="quantity"]');
+
+    if (quantityMinus && quantityPlus && quantityInput) {
+      quantityMinus.addEventListener('click', () => {
+        const value = parseInt(quantityInput.value);
+        if (value > 1) quantityInput.value = value - 1;
+      });
+      quantityPlus.addEventListener('click', () => {
+        quantityInput.value = parseInt(quantityInput.value) + 1;
+      });
+    }
+
+    // Variant picker buttons
+    if (variantPicker) {
+      variantPicker.querySelectorAll('button[data-value], select[data-option-select]').forEach(element => {
+        element.addEventListener(element.tagName === 'SELECT' ? 'change' : 'click', (e) => {
+          const optionContainer = e.target.closest('[data-option-index]');
+          const optionIndex = parseInt(optionContainer.dataset.optionIndex);
+          const value = element.tagName === 'SELECT' ? element.value : element.dataset.value;
+
+          // Update selected state
+          if (element.tagName !== 'SELECT') {
+            optionContainer.querySelectorAll('button').forEach(btn => btn.classList.remove('is-selected'));
+            element.classList.add('is-selected');
+          }
+
+          // Update selected value display
+          const selectedValueDisplay = optionContainer.querySelector('[data-selected-value]');
+          if (selectedValueDisplay) selectedValueDisplay.textContent = value;
+
+          // Find matching variant
+          updateVariant();
+        });
+      });
+    }
+
+    function updateVariant() {
+      const selectedOptions = [];
+      variantPicker.querySelectorAll('[data-option-index]').forEach(option => {
+        const select = option.querySelector('select');
+        const selectedBtn = option.querySelector('button.is-selected');
+        if (select) {
+          selectedOptions.push(select.value);
+        } else if (selectedBtn) {
+          selectedOptions.push(selectedBtn.dataset.value);
+        }
+      });
+
+      const variant = productJson.variants.find(v => {
+        return selectedOptions.every((opt, index) => v.options[index] === opt);
+      });
+
+      if (variant) {
+        variantSelect.value = variant.id;
+        updateAddToCart(variant);
+        updateUrl(variant);
+      }
+    }
+
+    function updateAddToCart(variant) {
+      if (variant.available) {
+        addToCartBtn.disabled = false;
+        addToCartText.textContent = '{{ "product.add_to_cart" | t }}';
+      } else {
+        addToCartBtn.disabled = true;
+        addToCartText.textContent = '{{ "product.sold_out" | t }}';
+      }
+    }
+
+    function updateUrl(variant) {
+      const url = new URL(window.location);
+      url.searchParams.set('variant', variant.id);
+      window.history.replaceState({}, '', url);
+    }
+
+    // Gift card recipient toggle
+    const giftCardCheckbox = form.querySelector('#gift-card-recipient');
+    const giftCardFields = form.querySelector('[data-gift-card-fields]');
+    if (giftCardCheckbox && giftCardFields) {
+      giftCardCheckbox.addEventListener('change', () => {
+        giftCardFields.hidden = !giftCardCheckbox.checked;
+      });
+    }
+
+    // Popup functionality
+    document.querySelectorAll('[data-popup-trigger]').forEach(trigger => {
+      const dialogId = trigger.dataset.popupTrigger;
+      const dialog = document.getElementById('popup-' + dialogId);
+      if (dialog) {
+        trigger.addEventListener('click', () => dialog.showModal());
+        dialog.querySelector('[data-popup-close]').addEventListener('click', () => dialog.close());
+      }
+    });
+
+    // Gallery thumbnails
+    const thumbnails = document.querySelectorAll('[data-thumbnail-index]');
+    const slides = document.querySelectorAll('[data-slide-index]');
+    thumbnails.forEach(thumb => {
+      thumb.addEventListener('click', () => {
+        const index = parseInt(thumb.dataset.thumbnailIndex);
+        thumbnails.forEach(t => t.classList.remove('is-active'));
+        slides.forEach(s => { s.classList.remove('is-active'); s.hidden = true; });
+        thumb.classList.add('is-active');
+        const activeSlide = document.querySelector(`[data-slide-index="${index}"]`);
+        if (activeSlide) {
+          activeSlide.classList.add('is-active');
+          activeSlide.hidden = false;
+        }
+      });
+    });
+  })();
+</script>
+
+{% stylesheet %}
+  .main-product__grid {
+    display: grid;
+    gap: var(--space-8);
+  }
+
+  @media (min-width: 990px) {
+    .main-product__grid {
+      grid-template-columns: 1fr 1fr;
+      gap: var(--space-16);
+    }
+
+    .main-product__grid--reverse .main-product__media {
+      order: 2;
+    }
+  }
+
+  .main-product__info {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-4);
+  }
+
+  .main-product__info--sticky {
+    position: sticky;
+    top: calc(var(--header-height) + var(--space-4));
+    align-self: start;
+  }
+
+  .product-gallery__stacked {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-4);
+    margin-top: var(--space-4);
+  }
+
+  .product-info__collapsible {
+    border-bottom: var(--border-width) solid var(--border-color);
+  }
+
+  .product-info__collapsible-summary {
+    display: flex;
+    align-items: center;
+    gap: var(--space-3);
+    padding: var(--space-4) 0;
+    cursor: pointer;
+    list-style: none;
+  }
+
+  .product-info__collapsible-summary::-webkit-details-marker {
+    display: none;
+  }
+
+  .product-info__collapsible-summary span {
+    flex: 1;
+  }
+
+  .product-info__collapsible-summary svg:last-child {
+    transition: transform var(--duration-fast) var(--ease-out);
+  }
+
+  .product-info__collapsible[open] .product-info__collapsible-summary svg:last-child {
+    transform: rotate(180deg);
+  }
+
+  .product-info__collapsible-content {
+    padding-bottom: var(--space-4);
+  }
+
+  .product-info__inventory {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    font-size: var(--font-size-sm);
+  }
+
+  .product-info__inventory-low {
+    color: var(--color-error);
+  }
+
+  .product-info__inventory-in-stock {
+    color: var(--color-success);
+  }
+
+  .selling-plan-picker {
+    padding: var(--space-4);
+    border: var(--border-width) solid var(--border-color);
+    border-radius: var(--radius-inputs);
+  }
+
+  .selling-plan-options {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2);
+    margin-top: var(--space-3);
+  }
+
+  .selling-plan-option {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    cursor: pointer;
+  }
+
+  .selling-plan-option__price {
+    margin-left: auto;
+    font-weight: 500;
+  }
+
+  .gift-card-recipient__fields {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-4);
+    margin-top: var(--space-4);
+    padding: var(--space-4);
+    border: var(--border-width) solid var(--border-color);
+    border-radius: var(--radius-inputs);
+  }
+
+  .product-info__complementary {
+    margin-top: var(--space-6);
+  }
+
+  .product-info__complementary-products {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: var(--space-4);
+    margin-top: var(--space-4);
+  }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.main_product.name",
+  "class": "section-main-product",
+  "tag": "section",
+  "settings": [
+    {
+      "type": "checkbox",
+      "id": "enable_sticky",
+      "label": "t:sections.main_product.settings.enable_sticky.label",
+      "default": true
+    },
+    {
+      "type": "select",
+      "id": "media_position",
+      "label": "t:sections.main_product.settings.media_position.label",
+      "options": [
+        { "value": "left", "label": "t:sections.main_product.settings.media_position.options.left" },
+        { "value": "right", "label": "t:sections.main_product.settings.media_position.options.right" }
+      ],
+      "default": "left"
+    },
+    {
+      "type": "select",
+      "id": "gallery_layout",
+      "label": "t:sections.main_product.settings.gallery_layout.label",
+      "options": [
+        { "value": "thumbnails", "label": "t:sections.main_product.settings.gallery_layout.options.thumbnails" },
+        { "value": "stacked", "label": "t:sections.main_product.settings.gallery_layout.options.stacked" }
+      ],
+      "default": "thumbnails"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_zoom",
+      "label": "t:sections.main_product.settings.enable_zoom.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_video_looping",
+      "label": "t:sections.main_product.settings.enable_video_looping.label",
+      "default": false
+    }
+  ],
+  "blocks": [
+    {
+      "type": "@app"
+    },
+    {
+      "type": "title",
+      "name": "t:sections.main_product.blocks.title.name",
+      "limit": 1
+    },
+    {
+      "type": "price",
+      "name": "t:sections.main_product.blocks.price.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "checkbox",
+          "id": "show_installments",
+          "label": "Show Shop Pay Installments",
+          "default": true
+        }
+      ]
+    },
+    {
+      "type": "vendor",
+      "name": "t:sections.main_product.blocks.vendor.name",
+      "limit": 1
+    },
+    {
+      "type": "description",
+      "name": "t:sections.main_product.blocks.description.name",
+      "limit": 1
+    },
+    {
+      "type": "variant_picker",
+      "name": "t:sections.main_product.blocks.variant_picker.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "select",
+          "id": "style",
+          "label": "t:sections.main_product.blocks.variant_picker.settings.style.label",
+          "options": [
+            { "value": "dropdown", "label": "t:sections.main_product.blocks.variant_picker.settings.style.options.dropdown" },
+            { "value": "buttons", "label": "t:sections.main_product.blocks.variant_picker.settings.style.options.buttons" }
+          ],
+          "default": "buttons"
+        },
+        {
+          "type": "select",
+          "id": "swatch_type",
+          "label": "t:sections.main_product.blocks.variant_picker.settings.swatch_type.label",
+          "options": [
+            { "value": "none", "label": "t:sections.main_product.blocks.variant_picker.settings.swatch_type.options.none" },
+            { "value": "color", "label": "t:sections.main_product.blocks.variant_picker.settings.swatch_type.options.color" },
+            { "value": "image", "label": "t:sections.main_product.blocks.variant_picker.settings.swatch_type.options.image" }
+          ],
+          "default": "color"
+        }
+      ]
+    },
+    {
+      "type": "quantity_selector",
+      "name": "t:sections.main_product.blocks.quantity_selector.name",
+      "limit": 1
+    },
+    {
+      "type": "buy_buttons",
+      "name": "t:sections.main_product.blocks.buy_buttons.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "checkbox",
+          "id": "show_dynamic_checkout",
+          "label": "t:sections.main_product.blocks.buy_buttons.settings.show_dynamic_checkout.label",
+          "default": true
+        }
+      ]
+    },
+    {
+      "type": "inventory",
+      "name": "t:sections.main_product.blocks.inventory.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "range",
+          "id": "inventory_threshold",
+          "min": 1,
+          "max": 50,
+          "step": 1,
+          "label": "t:sections.main_product.blocks.inventory.settings.inventory_threshold.label",
+          "default": 10
+        },
+        {
+          "type": "checkbox",
+          "id": "show_count",
+          "label": "t:sections.main_product.blocks.inventory.settings.show_count.label",
+          "default": true
+        }
+      ]
+    },
+    {
+      "type": "pickup_availability",
+      "name": "Pickup availability",
+      "limit": 1
+    },
+    {
+      "type": "sku",
+      "name": "t:sections.main_product.blocks.sku.name",
+      "limit": 1
+    },
+    {
+      "type": "rating",
+      "name": "t:sections.main_product.blocks.rating.name",
+      "limit": 1
+    },
+    {
+      "type": "share",
+      "name": "t:sections.main_product.blocks.share.name",
+      "limit": 1
+    },
+    {
+      "type": "collapsible_tab",
+      "name": "t:sections.main_product.blocks.collapsible_tab.name",
+      "settings": [
+        {
+          "type": "text",
+          "id": "heading",
+          "label": "t:sections.main_product.blocks.collapsible_tab.settings.heading.label",
+          "default": "Shipping & Returns"
+        },
+        {
+          "type": "richtext",
+          "id": "content",
+          "label": "t:sections.main_product.blocks.collapsible_tab.settings.content.label",
+          "default": "<p>Share shipping and returns information.</p>"
+        },
+        {
+          "type": "page",
+          "id": "page",
+          "label": "t:sections.main_product.blocks.collapsible_tab.settings.page.label"
+        },
+        {
+          "type": "select",
+          "id": "icon",
+          "label": "t:sections.main_product.blocks.collapsible_tab.settings.icon.label",
+          "options": [
+            { "value": "none", "label": "t:sections.main_product.blocks.collapsible_tab.settings.icon.options.none" },
+            { "value": "truck", "label": "t:sections.main_product.blocks.collapsible_tab.settings.icon.options.truck" },
+            { "value": "package", "label": "t:sections.main_product.blocks.collapsible_tab.settings.icon.options.package" },
+            { "value": "refresh", "label": "t:sections.main_product.blocks.collapsible_tab.settings.icon.options.refresh" },
+            { "value": "lock", "label": "t:sections.main_product.blocks.collapsible_tab.settings.icon.options.lock" },
+            { "value": "info", "label": "t:sections.main_product.blocks.collapsible_tab.settings.icon.options.info" }
+          ],
+          "default": "truck"
+        }
+      ]
+    },
+    {
+      "type": "popup",
+      "name": "t:sections.main_product.blocks.popup.name",
+      "settings": [
+        {
+          "type": "text",
+          "id": "link_label",
+          "label": "t:sections.main_product.blocks.popup.settings.link_label.label",
+          "default": "Size guide"
+        },
+        {
+          "type": "page",
+          "id": "page",
+          "label": "t:sections.main_product.blocks.popup.settings.page.label"
+        }
+      ]
+    },
+    {
+      "type": "complementary",
+      "name": "t:sections.main_product.blocks.complementary.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "heading",
+          "label": "t:sections.main_product.blocks.complementary.settings.heading.label",
+          "default": "Pair it with"
+        },
+        {
+          "type": "range",
+          "id": "products_to_show",
+          "min": 2,
+          "max": 8,
+          "step": 1,
+          "label": "t:sections.main_product.blocks.complementary.settings.products_to_show.label",
+          "default": 4
+        }
+      ]
+    },
+    {
+      "type": "custom_liquid",
+      "name": "t:sections.main_product.blocks.custom_liquid.name",
+      "settings": [
+        {
+          "type": "liquid",
+          "id": "liquid",
+          "label": "Custom Liquid"
+        }
+      ]
+    },
+    {
+      "type": "text",
+      "name": "t:sections.main_product.blocks.text.name",
+      "settings": [
+        {
+          "type": "richtext",
+          "id": "text",
+          "label": "t:sections.main_product.blocks.text.settings.text.label",
+          "default": "<p>Text block</p>"
+        },
+        {
+          "type": "select",
+          "id": "text_style",
+          "label": "t:sections.main_product.blocks.text.settings.text_style.label",
+          "options": [
+            { "value": "body", "label": "t:sections.main_product.blocks.text.settings.text_style.options.body" },
+            { "value": "small", "label": "t:sections.main_product.blocks.text.settings.text_style.options.small" },
+            { "value": "uppercase", "label": "t:sections.main_product.blocks.text.settings.text_style.options.uppercase" }
+          ],
+          "default": "body"
+        }
+      ]
+    },
+    {
+      "type": "divider",
+      "name": "t:sections.main_product.blocks.divider.name"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-register.liquid b/sections/main-register.liquid
new file mode 100644
index 00000000..97786577
--- /dev/null
+++ b/sections/main-register.liquid
@@ -0,0 +1,99 @@
+{% comment %}
+  Main Register Section - Influence Theme
+  Customer registration form
+{% endcomment %}
+
+<section class="main-register section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container container--narrow">
+    <div class="account-form">
+      <h1 class="account-form__title h2">{{ 'customer.register.title' | t }}</h1>
+
+      {%- form 'create_customer', class: 'account-form__form' -%}
+        {%- if form.errors -%}
+          <div class="form-message form-message--error">
+            {{ form.errors | default_errors }}
+          </div>
+        {%- endif -%}
+
+        <div class="form-group">
+          <label for="RegisterFirstName" class="form-label">{{ 'customer.register.first_name' | t }}</label>
+          <input
+            type="text"
+            id="RegisterFirstName"
+            name="customer[first_name]"
+            class="form-input"
+            autocomplete="given-name"
+          >
+        </div>
+
+        <div class="form-group">
+          <label for="RegisterLastName" class="form-label">{{ 'customer.register.last_name' | t }}</label>
+          <input
+            type="text"
+            id="RegisterLastName"
+            name="customer[last_name]"
+            class="form-input"
+            autocomplete="family-name"
+          >
+        </div>
+
+        <div class="form-group">
+          <label for="RegisterEmail" class="form-label">{{ 'customer.register.email' | t }}</label>
+          <input
+            type="email"
+            id="RegisterEmail"
+            name="customer[email]"
+            class="form-input"
+            autocomplete="email"
+            autocorrect="off"
+            autocapitalize="off"
+            required
+          >
+        </div>
+
+        <div class="form-group">
+          <label for="RegisterPassword" class="form-label">{{ 'customer.register.password' | t }}</label>
+          <input
+            type="password"
+            id="RegisterPassword"
+            name="customer[password]"
+            class="form-input"
+            autocomplete="new-password"
+            required
+          >
+        </div>
+
+        <button type="submit" class="btn btn--primary btn--full">
+          {{ 'customer.register.submit' | t }}
+        </button>
+      {%- endform -%}
+
+      <div class="account-form__footer">
+        <p>{{ 'customer.register.already_have_account' | t }}</p>
+        <a href="{{ routes.account_login_url }}" class="btn btn--outline">
+          {{ 'customer.login.sign_in' | t }}
+        </a>
+      </div>
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.main_register.name",
+  "tag": "section",
+  "class": "section-main-register",
+  "settings": [
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-reset-password.liquid b/sections/main-reset-password.liquid
new file mode 100644
index 00000000..d1ee6ee7
--- /dev/null
+++ b/sections/main-reset-password.liquid
@@ -0,0 +1,69 @@
+{% comment %}
+  Main Reset Password Section - Influence Theme
+  Password reset form
+{% endcomment %}
+
+<section class="main-reset-password section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container container--narrow">
+    <div class="account-form">
+      <h1 class="account-form__title h2">{{ 'customer.reset_password.title' | t }}</h1>
+      <p class="account-form__subtitle">{{ 'customer.reset_password.subtext' | t: email: email }}</p>
+
+      {%- form 'reset_customer_password', class: 'account-form__form' -%}
+        {%- if form.errors -%}
+          <div class="form-message form-message--error">
+            {{ form.errors | default_errors }}
+          </div>
+        {%- endif -%}
+
+        <div class="form-group">
+          <label for="ResetPassword" class="form-label">{{ 'customer.reset_password.password' | t }}</label>
+          <input
+            type="password"
+            id="ResetPassword"
+            name="customer[password]"
+            class="form-input"
+            autocomplete="new-password"
+            required
+          >
+        </div>
+
+        <div class="form-group">
+          <label for="ResetPasswordConfirm" class="form-label">{{ 'customer.reset_password.password_confirm' | t }}</label>
+          <input
+            type="password"
+            id="ResetPasswordConfirm"
+            name="customer[password_confirmation]"
+            class="form-input"
+            autocomplete="new-password"
+            required
+          >
+        </div>
+
+        <button type="submit" class="btn btn--primary btn--full">
+          {{ 'customer.reset_password.submit' | t }}
+        </button>
+      {%- endform -%}
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.main_reset_password.name",
+  "tag": "section",
+  "class": "section-main-reset-password",
+  "settings": [
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/main-search.liquid b/sections/main-search.liquid
new file mode 100644
index 00000000..30059914
--- /dev/null
+++ b/sections/main-search.liquid
@@ -0,0 +1,522 @@
+{% comment %}
+  Main Search Section - Influence Theme
+  Search results with filtering and predictive search (REQUIRED FOR THEME STORE)
+{% endcomment %}
+
+{%- liquid
+  assign products_per_page = section.settings.products_per_page
+  assign columns_desktop = section.settings.columns_desktop
+  assign columns_mobile = section.settings.columns_mobile
+  assign show_filters = section.settings.show_filters
+  assign show_sorting = section.settings.show_sorting
+-%}
+
+<section class="main-search section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    {%- comment -%} Search Header {%- endcomment -%}
+    <header class="search-header">
+      <h1 class="search-header__title h2">{{ 'search.title' | t }}</h1>
+
+      {%- comment -%} Search Form with Predictive Search {%- endcomment -%}
+      <div class="search-header__form">
+        <predictive-search data-loading-text="{{ 'search.loading' | t }}">
+          <form action="{{ routes.search_url }}" method="get" role="search" class="search-form search-form--large">
+            <label for="Search-{{ section.id }}" class="visually-hidden">{{ 'search.placeholder' | t }}</label>
+            <input
+              type="search"
+              id="Search-{{ section.id }}"
+              name="q"
+              value="{{ search.terms | escape }}"
+              class="search-form__input form-input"
+              placeholder="{{ 'search.placeholder' | t }}"
+              autocomplete="off"
+              autocorrect="off"
+              autocapitalize="off"
+              spellcheck="false"
+              data-predictive-search-input
+            >
+            <input type="hidden" name="type" value="product,article,page">
+            <button type="submit" class="search-form__submit btn btn--primary">
+              {% render 'icon', icon: 'search' %}
+              <span class="visually-hidden">{{ 'search.search' | t }}</span>
+            </button>
+
+            {%- comment -%} Predictive Search Results Container {%- endcomment -%}
+            <div class="predictive-search" data-predictive-search-results hidden>
+              <div class="predictive-search__loading" data-predictive-search-loading>
+                <span class="spinner"></span>
+              </div>
+              <div class="predictive-search__results" data-predictive-search-results-container></div>
+            </div>
+          </form>
+        </predictive-search>
+      </div>
+
+      {%- if search.performed -%}
+        <p class="search-header__results-count">
+          {%- if search.results_count == 0 -%}
+            {{ 'search.no_results' | t: terms: search.terms }}
+          {%- else -%}
+            {{ 'search.results_count' | t: count: search.results_count, terms: search.terms }}
+          {%- endif -%}
+        </p>
+      {%- endif -%}
+    </header>
+
+    {%- if search.performed -%}
+      {%- if search.results_count > 0 -%}
+        {%- comment -%} Search Toolbar {%- endcomment -%}
+        <div class="search-toolbar">
+          {%- comment -%} Type Filter Tabs {%- endcomment -%}
+          <div class="search-toolbar__tabs">
+            <a
+              href="{{ routes.search_url }}?q={{ search.terms | url_encode }}&type=product,article,page"
+              class="search-toolbar__tab{% unless search.types %} is-active{% endunless %}"
+            >
+              {{ 'search.all' | t }}
+            </a>
+            <a
+              href="{{ routes.search_url }}?q={{ search.terms | url_encode }}&type=product"
+              class="search-toolbar__tab{% if search.types contains 'product' and search.types.size == 1 %} is-active{% endif %}"
+            >
+              {{ 'search.products' | t }}
+            </a>
+            <a
+              href="{{ routes.search_url }}?q={{ search.terms | url_encode }}&type=article"
+              class="search-toolbar__tab{% if search.types contains 'article' and search.types.size == 1 %} is-active{% endif %}"
+            >
+              {{ 'search.articles' | t }}
+            </a>
+            <a
+              href="{{ routes.search_url }}?q={{ search.terms | url_encode }}&type=page"
+              class="search-toolbar__tab{% if search.types contains 'page' and search.types.size == 1 %} is-active{% endif %}"
+            >
+              {{ 'search.pages' | t }}
+            </a>
+          </div>
+
+          {%- comment -%} Sort {%- endcomment -%}
+          {%- if show_sorting -%}
+            <div class="search-toolbar__sort">
+              <label for="SearchSortBy" class="visually-hidden">{{ 'collection.sorting.label' | t }}</label>
+              <select id="SearchSortBy" class="form-select" data-search-sort>
+                <option value="relevance" {% if search.sort_by == 'relevance' %}selected{% endif %}>
+                  {{ 'search.sort.relevance' | t }}
+                </option>
+                <option value="price-ascending" {% if search.sort_by == 'price-ascending' %}selected{% endif %}>
+                  {{ 'search.sort.price_asc' | t }}
+                </option>
+                <option value="price-descending" {% if search.sort_by == 'price-descending' %}selected{% endif %}>
+                  {{ 'search.sort.price_desc' | t }}
+                </option>
+              </select>
+            </div>
+          {%- endif -%}
+        </div>
+
+        {%- comment -%} Faceted Filters (for products) {%- endcomment -%}
+        {%- if show_filters and search.filters.size > 0 -%}
+          <div class="search-filters-container">
+            <aside class="search-filters" data-search-filters>
+              <form id="SearchFiltersForm" data-search-filters-form>
+                {%- for filter in search.filters -%}
+                  <details
+                    class="search-filter"
+                    {% if filter.active_values.size > 0 or forloop.index <= 3 %}open{% endif %}
+                  >
+                    <summary class="search-filter__heading">
+                      <span>{{ filter.label }}</span>
+                      {% render 'icon', icon: 'chevron-down', size: 'sm' %}
+                    </summary>
+
+                    <div class="search-filter__content">
+                      {%- case filter.type -%}
+                        {%- when 'list' -%}
+                          <ul class="search-filter__list" role="list">
+                            {%- for value in filter.values -%}
+                              <li>
+                                <label class="search-filter__label">
+                                  <input
+                                    type="checkbox"
+                                    name="{{ value.param_name }}"
+                                    value="{{ value.value }}"
+                                    {% if value.active %}checked{% endif %}
+                                    class="search-filter__checkbox"
+                                    data-filter-input
+                                  >
+                                  <span class="search-filter__checkbox-visual"></span>
+                                  <span class="search-filter__text">{{ value.label }}</span>
+                                  <span class="search-filter__count">({{ value.count }})</span>
+                                </label>
+                              </li>
+                            {%- endfor -%}
+                          </ul>
+
+                        {%- when 'price_range' -%}
+                          <div class="search-filter__price-range">
+                            <div class="search-filter__price-inputs">
+                              <div class="search-filter__price-field">
+                                <label for="Filter-{{ filter.param_name }}-GTE">{{ 'collection.filters.from' | t }}</label>
+                                <input
+                                  type="number"
+                                  id="Filter-{{ filter.param_name }}-GTE"
+                                  name="{{ filter.min_value.param_name }}"
+                                  class="form-input"
+                                  min="0"
+                                  {% if filter.min_value.value %}value="{{ filter.min_value.value | money_without_currency | replace: ',', '' }}"{% endif %}
+                                  placeholder="0"
+                                  data-filter-input
+                                >
+                              </div>
+                              <span>—</span>
+                              <div class="search-filter__price-field">
+                                <label for="Filter-{{ filter.param_name }}-LTE">{{ 'collection.filters.to' | t }}</label>
+                                <input
+                                  type="number"
+                                  id="Filter-{{ filter.param_name }}-LTE"
+                                  name="{{ filter.max_value.param_name }}"
+                                  class="form-input"
+                                  min="0"
+                                  {% if filter.max_value.value %}value="{{ filter.max_value.value | money_without_currency | replace: ',', '' }}"{% endif %}
+                                  data-filter-input
+                                >
+                              </div>
+                            </div>
+                          </div>
+                      {%- endcase -%}
+                    </div>
+                  </details>
+                {%- endfor -%}
+
+                <noscript>
+                  <button type="submit" class="btn btn--primary">{{ 'collection.filters.apply' | t }}</button>
+                </noscript>
+              </form>
+            </aside>
+          </div>
+        {%- endif -%}
+
+        {%- comment -%} Search Results {%- endcomment -%}
+        {%- paginate search.results by products_per_page -%}
+          <div
+            class="search-results__grid grid"
+            style="--grid-columns-desktop: {{ columns_desktop }}; --grid-columns-mobile: {{ columns_mobile }};"
+          >
+            {%- for item in search.results -%}
+              <div class="search-results__item">
+                {%- case item.object_type -%}
+                  {%- when 'product' -%}
+                    {% render 'product-card', product: item %}
+
+                  {%- when 'article' -%}
+                    {% render 'article-card', article: item %}
+
+                  {%- when 'page' -%}
+                    <div class="page-card">
+                      <h3 class="page-card__title h4">
+                        <a href="{{ item.url }}">{{ item.title }}</a>
+                      </h3>
+                      {%- if item.content != blank -%}
+                        <p class="page-card__excerpt">
+                          {{ item.content | strip_html | truncate: 150 }}
+                        </p>
+                      {%- endif -%}
+                    </div>
+                {%- endcase -%}
+              </div>
+            {%- endfor -%}
+          </div>
+
+          {%- comment -%} Pagination {%- endcomment -%}
+          {%- if paginate.pages > 1 -%}
+            <nav class="pagination" aria-label="{{ 'accessibility.pagination' | t }}">
+              <ul class="pagination__list">
+                {%- if paginate.previous -%}
+                  <li class="pagination__item">
+                    <a href="{{ paginate.previous.url }}" class="pagination__link pagination__link--prev">
+                      {% render 'icon', icon: 'chevron-left', size: 'sm' %}
+                      {{ 'pagination.previous' | t }}
+                    </a>
+                  </li>
+                {%- endif -%}
+
+                {%- for part in paginate.parts -%}
+                  <li class="pagination__item">
+                    {%- if part.is_link -%}
+                      <a href="{{ part.url }}" class="pagination__link">{{ part.title }}</a>
+                    {%- else -%}
+                      {%- if part.title == paginate.current_page -%}
+                        <span class="pagination__link pagination__link--current" aria-current="page">{{ part.title }}</span>
+                      {%- else -%}
+                        <span class="pagination__link pagination__link--ellipsis">{{ part.title }}</span>
+                      {%- endif -%}
+                    {%- endif -%}
+                  </li>
+                {%- endfor -%}
+
+                {%- if paginate.next -%}
+                  <li class="pagination__item">
+                    <a href="{{ paginate.next.url }}" class="pagination__link pagination__link--next">
+                      {{ 'pagination.next' | t }}
+                      {% render 'icon', icon: 'chevron-right', size: 'sm' %}
+                    </a>
+                  </li>
+                {%- endif -%}
+              </ul>
+            </nav>
+          {%- endif -%}
+        {%- endpaginate -%}
+      {%- else -%}
+        {%- comment -%} No Results {%- endcomment -%}
+        <div class="search-empty">
+          <p>{{ 'search.no_results_html' | t: terms: search.terms }}</p>
+          <h2 class="h4">{{ 'search.suggestions' | t }}</h2>
+          <ul>
+            <li>{{ 'search.suggestion_1' | t }}</li>
+            <li>{{ 'search.suggestion_2' | t }}</li>
+            <li>{{ 'search.suggestion_3' | t }}</li>
+          </ul>
+        </div>
+      {%- endif -%}
+    {%- endif -%}
+  </div>
+</section>
+
+<script>
+// Predictive Search Component
+class PredictiveSearch extends HTMLElement {
+  constructor() {
+    super();
+    this.input = this.querySelector('[data-predictive-search-input]');
+    this.results = this.querySelector('[data-predictive-search-results]');
+    this.resultsContainer = this.querySelector('[data-predictive-search-results-container]');
+    this.loading = this.querySelector('[data-predictive-search-loading]');
+
+    this.cachedResults = {};
+    this.debounceTimer = null;
+
+    this.setupEventListeners();
+  }
+
+  setupEventListeners() {
+    this.input.addEventListener('input', this.onInput.bind(this));
+    this.input.addEventListener('focus', this.onFocus.bind(this));
+    document.addEventListener('click', this.onClickOutside.bind(this));
+  }
+
+  onInput() {
+    clearTimeout(this.debounceTimer);
+    const searchTerm = this.input.value.trim();
+
+    if (searchTerm.length < 2) {
+      this.close();
+      return;
+    }
+
+    this.debounceTimer = setTimeout(() => {
+      this.getResults(searchTerm);
+    }, 300);
+  }
+
+  onFocus() {
+    if (this.input.value.trim().length >= 2) {
+      this.open();
+    }
+  }
+
+  onClickOutside(event) {
+    if (!this.contains(event.target)) {
+      this.close();
+    }
+  }
+
+  async getResults(searchTerm) {
+    if (this.cachedResults[searchTerm]) {
+      this.renderResults(this.cachedResults[searchTerm]);
+      return;
+    }
+
+    this.loading.hidden = false;
+    this.open();
+
+    try {
+      const response = await fetch(
+        `${window.Shopify.routes.root}search/suggest.json?q=${encodeURIComponent(searchTerm)}&resources[type]=product,article,page&resources[limit]=10`
+      );
+      const data = await response.json();
+
+      this.cachedResults[searchTerm] = data;
+      this.renderResults(data);
+    } catch (error) {
+      console.error('Predictive search error:', error);
+      this.close();
+    } finally {
+      this.loading.hidden = true;
+    }
+  }
+
+  renderResults(data) {
+    const resources = data.resources.results;
+    let html = '';
+
+    // Products
+    if (resources.products && resources.products.length > 0) {
+      html += `<div class="predictive-search__section">
+        <h3 class="predictive-search__section-title">{{ 'search.products' | t }}</h3>
+        <ul class="predictive-search__list">`;
+
+      resources.products.forEach(product => {
+        const image = product.image ? `<img src="${product.image}" alt="${product.title}" width="50" height="50" loading="lazy">` : '';
+        html += `<li class="predictive-search__item">
+          <a href="${product.url}" class="predictive-search__link">
+            <span class="predictive-search__image">${image}</span>
+            <span class="predictive-search__info">
+              <span class="predictive-search__title">${product.title}</span>
+              <span class="predictive-search__price">${product.price}</span>
+            </span>
+          </a>
+        </li>`;
+      });
+
+      html += '</ul></div>';
+    }
+
+    // Articles
+    if (resources.articles && resources.articles.length > 0) {
+      html += `<div class="predictive-search__section">
+        <h3 class="predictive-search__section-title">{{ 'search.articles' | t }}</h3>
+        <ul class="predictive-search__list">`;
+
+      resources.articles.forEach(article => {
+        html += `<li class="predictive-search__item">
+          <a href="${article.url}" class="predictive-search__link">
+            <span class="predictive-search__title">${article.title}</span>
+          </a>
+        </li>`;
+      });
+
+      html += '</ul></div>';
+    }
+
+    // Pages
+    if (resources.pages && resources.pages.length > 0) {
+      html += `<div class="predictive-search__section">
+        <h3 class="predictive-search__section-title">{{ 'search.pages' | t }}</h3>
+        <ul class="predictive-search__list">`;
+
+      resources.pages.forEach(page => {
+        html += `<li class="predictive-search__item">
+          <a href="${page.url}" class="predictive-search__link">
+            <span class="predictive-search__title">${page.title}</span>
+          </a>
+        </li>`;
+      });
+
+      html += '</ul></div>';
+    }
+
+    if (html === '') {
+      html = `<p class="predictive-search__empty">{{ 'search.no_results' | t: terms: '' }}</p>`;
+    }
+
+    // View all results link
+    html += `<a href="${window.Shopify.routes.root}search?q=${encodeURIComponent(this.input.value)}" class="predictive-search__view-all">
+      {{ 'search.view_all' | t }}
+    </a>`;
+
+    this.resultsContainer.innerHTML = html;
+    this.open();
+  }
+
+  open() {
+    this.results.hidden = false;
+  }
+
+  close() {
+    this.results.hidden = true;
+  }
+}
+
+customElements.define('predictive-search', PredictiveSearch);
+
+// Sort change handler
+document.addEventListener('DOMContentLoaded', () => {
+  const sortSelect = document.querySelector('[data-search-sort]');
+  if (sortSelect) {
+    sortSelect.addEventListener('change', () => {
+      const url = new URL(window.location.href);
+      url.searchParams.set('sort_by', sortSelect.value);
+      window.location.href = url.toString();
+    });
+  }
+
+  // Filter change handlers
+  const filterInputs = document.querySelectorAll('[data-filter-input]');
+  filterInputs.forEach(input => {
+    input.addEventListener('change', () => {
+      document.getElementById('SearchFiltersForm').submit();
+    });
+  });
+});
+</script>
+
+{% schema %}
+{
+  "name": "t:sections.main_search.name",
+  "tag": "section",
+  "class": "section-main-search",
+  "settings": [
+    {
+      "type": "checkbox",
+      "id": "show_filters",
+      "label": "t:sections.main_search.settings.show_filters.label",
+      "info": "t:sections.main_search.settings.show_filters.info",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_sorting",
+      "label": "t:sections.main_search.settings.show_sorting.label",
+      "default": true
+    },
+    {
+      "type": "range",
+      "id": "products_per_page",
+      "label": "t:sections.main_search.settings.products_per_page.label",
+      "min": 8,
+      "max": 48,
+      "step": 4,
+      "default": 16
+    },
+    {
+      "type": "range",
+      "id": "columns_desktop",
+      "label": "t:labels.columns_desktop",
+      "min": 2,
+      "max": 5,
+      "step": 1,
+      "default": 4
+    },
+    {
+      "type": "select",
+      "id": "columns_mobile",
+      "label": "t:labels.columns_mobile",
+      "options": [
+        { "value": "1", "label": "1" },
+        { "value": "2", "label": "2" }
+      ],
+      "default": "2"
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/newsletter.liquid b/sections/newsletter.liquid
new file mode 100644
index 00000000..9c55d029
--- /dev/null
+++ b/sections/newsletter.liquid
@@ -0,0 +1,209 @@
+{% comment %}
+  Newsletter Section - Influence Theme (REQUIRED FOR THEME STORE)
+  Email signup form for marketing
+{% endcomment %}
+
+{%- liquid
+  assign section_id = 'Newsletter-' | append: section.id
+-%}
+
+<section id="{{ section_id }}" class="newsletter section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container{% if section.settings.narrow_container %} container--narrow{% endif %}">
+    <div class="newsletter__inner text-{{ section.settings.text_alignment }}">
+      {%- for block in section.blocks -%}
+        {%- case block.type -%}
+          {%- when 'subheading' -%}
+            {%- if block.settings.text != blank -%}
+              <p class="newsletter__subheading subheading" {{ block.shopify_attributes }}>
+                {{ block.settings.text }}
+              </p>
+            {%- endif -%}
+
+          {%- when 'heading' -%}
+            {%- if block.settings.text != blank -%}
+              <h2 class="newsletter__heading {{ block.settings.heading_size }}" {{ block.shopify_attributes }}>
+                {{ block.settings.text }}
+              </h2>
+            {%- endif -%}
+
+          {%- when 'text' -%}
+            {%- if block.settings.text != blank -%}
+              <div class="newsletter__text rte" {{ block.shopify_attributes }}>
+                {{ block.settings.text }}
+              </div>
+            {%- endif -%}
+
+          {%- when 'form' -%}
+            <div class="newsletter__form" {{ block.shopify_attributes }}>
+              {%- form 'customer', id: 'NewsletterForm', class: 'newsletter-form' -%}
+                <input type="hidden" name="contact[tags]" value="newsletter">
+
+                {%- if form.posted_successfully? -%}
+                  <div class="form-message form-message--success" tabindex="-1" autofocus>
+                    {% render 'icon', icon: 'checkmark' %}
+                    {{ 'newsletter.success' | t }}
+                  </div>
+                {%- else -%}
+                  {%- if form.errors -%}
+                    <div class="form-message form-message--error">
+                      {{ form.errors.messages['email'] }}
+                    </div>
+                  {%- endif -%}
+
+                  <div class="newsletter-form__field">
+                    <label for="NewsletterEmail-{{ section.id }}" class="visually-hidden">
+                      {{ 'newsletter.email_placeholder' | t }}
+                    </label>
+                    <input
+                      type="email"
+                      id="NewsletterEmail-{{ section.id }}"
+                      name="contact[email]"
+                      class="form-input newsletter-form__input"
+                      placeholder="{{ 'newsletter.email_placeholder' | t }}"
+                      required
+                      autocomplete="email"
+                      {% if form.errors %}
+                        aria-invalid="true"
+                        aria-describedby="Newsletter-error-{{ section.id }}"
+                      {% endif %}
+                    >
+                    <button type="submit" class="btn btn--{{ block.settings.button_style }} newsletter-form__btn">
+                      {{ block.settings.button_label | default: 'newsletter.subscribe' | t }}
+                    </button>
+                  </div>
+                {%- endif -%}
+              {%- endform -%}
+
+              {%- if block.settings.disclaimer != blank -%}
+                <p class="newsletter-form__disclaimer">{{ block.settings.disclaimer }}</p>
+              {%- endif -%}
+            </div>
+        {%- endcase -%}
+      {%- endfor -%}
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "t:sections.newsletter.name",
+  "tag": "section",
+  "class": "section-newsletter",
+  "settings": [
+    {
+      "type": "select",
+      "id": "text_alignment",
+      "label": "t:labels.text_alignment",
+      "options": [
+        { "value": "left", "label": "t:options.alignment.left" },
+        { "value": "center", "label": "t:options.alignment.center" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "checkbox",
+      "id": "narrow_container",
+      "label": "t:sections.newsletter.settings.narrow_container.label",
+      "default": true
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "default": "scheme_2"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "subheading",
+      "name": "t:blocks.subheading.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "Subscribe today"
+        }
+      ]
+    },
+    {
+      "type": "heading",
+      "name": "t:blocks.heading.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.heading",
+          "default": "Join our newsletter"
+        },
+        {
+          "type": "select",
+          "id": "heading_size",
+          "label": "t:labels.heading_size",
+          "options": [
+            { "value": "h3", "label": "t:options.heading_size.small" },
+            { "value": "h2", "label": "t:options.heading_size.medium" },
+            { "value": "h1", "label": "t:options.heading_size.large" }
+          ],
+          "default": "h2"
+        }
+      ]
+    },
+    {
+      "type": "text",
+      "name": "t:blocks.text.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "richtext",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "<p>Get exclusive access to new arrivals, sales, and members-only offers.</p>"
+        }
+      ]
+    },
+    {
+      "type": "form",
+      "name": "t:blocks.form.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "button_label",
+          "label": "t:labels.button_label",
+          "default": "Subscribe"
+        },
+        {
+          "type": "select",
+          "id": "button_style",
+          "label": "t:labels.button_style",
+          "options": [
+            { "value": "primary", "label": "t:options.button_style.primary" },
+            { "value": "secondary", "label": "t:options.button_style.secondary" }
+          ],
+          "default": "primary"
+        },
+        {
+          "type": "text",
+          "id": "disclaimer",
+          "label": "t:sections.newsletter.settings.disclaimer.label",
+          "default": "By subscribing, you agree to our privacy policy."
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.newsletter.name",
+      "blocks": [
+        { "type": "subheading" },
+        { "type": "heading" },
+        { "type": "text" },
+        { "type": "form" }
+      ]
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/product-carousel-3d.liquid b/sections/product-carousel-3d.liquid
new file mode 100644
index 00000000..edb73bc4
--- /dev/null
+++ b/sections/product-carousel-3d.liquid
@@ -0,0 +1,518 @@
+{% comment %}
+  3D Product Carousel Section - Influence Theme
+  Based on Codrops 3D Carousel (MIT License)
+
+  Features: 3D rotating carousel showcasing a single product's images
+  with title overlaid in the center of the carousel
+{% endcomment %}
+
+{%- liquid
+  assign product = section.settings.product
+  assign images_to_show = section.settings.images_to_show | default: 4
+  assign height_class = 'carousel-3d--' | append: section.settings.height
+  assign display_title = section.settings.custom_title | default: product.title | default: 'Product Title'
+-%}
+
+<section
+  class="carousel-3d {{ height_class }} {% render 'color-scheme', scheme: section.settings.color_scheme %}"
+  data-carousel-3d
+  data-radius="{{ section.settings.carousel_radius }}"
+  style="
+    --carousel-radius: {{ section.settings.carousel_radius }}px;
+    --card-width: 280px;
+    --card-height: 380px;
+  "
+>
+  {%- comment -%} 3D Scene with centered title overlay {%- endcomment -%}
+  <div class="carousel-3d__scene">
+    {%- comment -%} Title overlay - centered in the middle of the carousel {%- endcomment -%}
+    <div class="carousel-3d__title-overlay">
+      {%- if product != blank -%}
+        <a href="{{ product.url }}" class="carousel-3d__title-link">
+          <h2 class="carousel-3d__title carousel-3d__title--{{ section.settings.title_size }}">
+            <span>{{ display_title }}</span>
+          </h2>
+        </a>
+      {%- else -%}
+        <h2 class="carousel-3d__title carousel-3d__title--{{ section.settings.title_size }}">
+          <span>{{ display_title }}</span>
+        </h2>
+      {%- endif -%}
+
+      {%- comment -%} Product info below title {%- endcomment -%}
+      {%- if section.settings.show_price and product != blank -%}
+        <p class="carousel-3d__price">
+          {{ product.price | money }}
+          {%- if product.compare_at_price > product.price -%}
+            <span class="carousel-3d__compare-price">{{ product.compare_at_price | money }}</span>
+          {%- endif -%}
+        </p>
+      {%- endif -%}
+
+      {%- if section.settings.show_variants and product != blank and product.has_only_default_variant == false -%}
+        <div class="carousel-3d__variants">
+          {%- for option in product.options_with_values -%}
+            <span class="carousel-3d__variant-group">
+              {{ option.name }}: {{ option.values | join: ', ' }}
+            </span>
+          {%- endfor -%}
+        </div>
+      {%- endif -%}
+
+      {%- if section.settings.cta_text != blank and product != blank -%}
+        <a href="{{ product.url }}" class="carousel-3d__cta btn btn--{{ section.settings.cta_style }}">
+          {{ section.settings.cta_text }}
+        </a>
+      {%- endif -%}
+    </div>
+
+    {%- comment -%} Carousel track {%- endcomment -%}
+    <div class="carousel-3d__carousel" data-carousel-track>
+      {%- if product != blank and product.media.size > 0 -%}
+        {%- for media in product.media limit: images_to_show -%}
+          {%- if media.media_type == 'image' -%}
+            <div class="carousel-3d__cell" data-carousel-cell>
+              <a href="{{ product.url }}" class="carousel-3d__card">
+                <div class="carousel-3d__card-face carousel-3d__card-face--front">
+                  {{
+                    media
+                    | image_url: width: 600
+                    | image_tag:
+                      loading: 'lazy',
+                      sizes: '280px',
+                      widths: '280, 400, 560',
+                      class: 'carousel-3d__image',
+                      alt: media.alt | default: product.title
+                  }}
+                </div>
+                <div class="carousel-3d__card-face carousel-3d__card-face--back">
+                  {{
+                    media
+                    | image_url: width: 600
+                    | image_tag:
+                      loading: 'lazy',
+                      sizes: '280px',
+                      widths: '280, 400, 560',
+                      class: 'carousel-3d__image',
+                      alt: media.alt | default: product.title
+                  }}
+                </div>
+              </a>
+            </div>
+          {%- endif -%}
+        {%- endfor -%}
+      {%- else -%}
+        {%- comment -%} Placeholder cards when no product selected {%- endcomment -%}
+        {%- for i in (1..images_to_show) -%}
+          <div class="carousel-3d__cell" data-carousel-cell>
+            <div class="carousel-3d__card carousel-3d__card--placeholder">
+              <div class="carousel-3d__card-face carousel-3d__card-face--front">
+                {{ 'product-1' | placeholder_svg_tag: 'carousel-3d__placeholder' }}
+              </div>
+              <div class="carousel-3d__card-face carousel-3d__card-face--back">
+                {{ 'product-2' | placeholder_svg_tag: 'carousel-3d__placeholder' }}
+              </div>
+            </div>
+          </div>
+        {%- endfor -%}
+      {%- endif -%}
+    </div>
+  </div>
+</section>
+
+{% stylesheet %}
+  .carousel-3d {
+    position: relative;
+    width: 100%;
+  }
+
+  /* Height variants */
+  .carousel-3d--medium { min-height: 70vh; }
+  .carousel-3d--large { min-height: 85vh; }
+  .carousel-3d--full { min-height: 100vh; min-height: 100svh; }
+
+  /* 3D Scene container - centers everything */
+  .carousel-3d__scene {
+    perspective: 1000px;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: inherit;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  /* Title overlay - sits in center, above carousel */
+  .carousel-3d__title-overlay {
+    position: relative;
+    z-index: 10;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-3);
+    padding: var(--space-4);
+  }
+
+  .carousel-3d__title-link {
+    text-decoration: none;
+    color: inherit;
+    transition: opacity var(--duration-normal) var(--ease-out);
+  }
+
+  .carousel-3d__title-link:hover {
+    opacity: 0.7;
+  }
+
+  .carousel-3d__title {
+    font-family: var(--font-heading-family);
+    font-weight: var(--font-heading-weight);
+    line-height: 1.1;
+    margin: 0;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+
+  .carousel-3d__title span {
+    display: inline-block;
+  }
+
+  .carousel-3d__title--small { font-size: clamp(1rem, 3vw, 1.5rem); }
+  .carousel-3d__title--medium { font-size: clamp(1.25rem, 4vw, 2rem); }
+  .carousel-3d__title--large { font-size: clamp(1.5rem, 5vw, 2.5rem); }
+
+  /* Product info */
+  .carousel-3d__price {
+    font-size: var(--font-size-sm);
+    margin: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+  }
+
+  .carousel-3d__compare-price {
+    text-decoration: line-through;
+    opacity: 0.5;
+  }
+
+  .carousel-3d__variants {
+    font-size: var(--font-size-xs);
+    opacity: 0.7;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: var(--space-2);
+  }
+
+  .carousel-3d__cta {
+    margin-top: var(--space-2);
+    font-size: var(--font-size-xs);
+    padding: var(--space-2) var(--space-4);
+  }
+
+  /* Carousel track - positioned absolute behind title */
+  .carousel-3d__carousel {
+    position: absolute;
+    width: var(--card-width);
+    height: var(--card-height);
+    top: 50%;
+    left: 50%;
+    margin-top: calc(var(--card-height) / -2);
+    margin-left: calc(var(--card-width) / -2);
+    transform-style: preserve-3d;
+    transform: translateZ(calc(var(--carousel-radius) * -1)) rotateY(0deg);
+    will-change: transform;
+  }
+
+  /* Individual cell positioning */
+  .carousel-3d__cell {
+    position: absolute;
+    width: var(--card-width);
+    height: var(--card-height);
+    left: 0;
+    top: 0;
+    transform-style: preserve-3d;
+  }
+
+  /* Card styling */
+  .carousel-3d__card {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    transform-style: preserve-3d;
+    display: block;
+    text-decoration: none;
+    color: inherit;
+    border-radius: var(--border-radius-lg);
+    overflow: hidden;
+    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.3);
+  }
+
+  /* Card faces */
+  .carousel-3d__card-face {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    backface-visibility: hidden;
+    background-color: var(--color-muted);
+  }
+
+  .carousel-3d__card-face--back {
+    transform: rotateY(180deg);
+  }
+
+  .carousel-3d__image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .carousel-3d__placeholder {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    opacity: 0.5;
+  }
+
+  /* Mobile: horizontal scroll instead of 3D */
+  @media (max-width: 749px) {
+    .carousel-3d--medium,
+    .carousel-3d--large,
+    .carousel-3d--full {
+      min-height: auto;
+    }
+
+    .carousel-3d__scene {
+      perspective: none;
+      flex-direction: column;
+      padding: var(--space-12) 0;
+      gap: var(--space-8);
+    }
+
+    .carousel-3d__title-overlay {
+      position: relative;
+    }
+
+    .carousel-3d__carousel {
+      position: relative;
+      display: flex;
+      gap: var(--space-4);
+      width: 100%;
+      height: auto;
+      top: auto;
+      left: auto;
+      margin: 0;
+      transform: none !important;
+      overflow-x: auto;
+      overflow-y: hidden;
+      scroll-snap-type: x mandatory;
+      -webkit-overflow-scrolling: touch;
+      padding: var(--space-4) var(--page-margin);
+    }
+
+    .carousel-3d__cell {
+      position: relative;
+      flex: 0 0 75vw;
+      max-width: 280px;
+      height: 380px;
+      transform: none !important;
+      scroll-snap-align: center;
+    }
+  }
+
+  /* Reduced motion */
+  @media (prefers-reduced-motion: reduce) {
+    .carousel-3d__carousel {
+      transition: none;
+    }
+  }
+{% endstylesheet %}
+
+<script>
+  (function() {
+    const section = document.querySelector('[data-carousel-3d]');
+    if (!section) return;
+
+    const carousel = section.querySelector('[data-carousel-track]');
+    const cells = section.querySelectorAll('[data-carousel-cell]');
+    const radius = parseInt(section.dataset.radius) || 500;
+    const cellCount = cells.length;
+
+    // Skip 3D on mobile
+    if (window.innerWidth < 750) return;
+
+    // Need at least 2 cells for carousel
+    if (cellCount < 2) return;
+
+    // Calculate transforms for circular arrangement
+    const angleStep = 360 / cellCount;
+    cells.forEach((cell, i) => {
+      const angle = i * angleStep;
+      cell.style.transform = `rotateY(${angle}deg) translateZ(${radius}px)`;
+    });
+
+    // Scroll-driven rotation
+    let ticking = false;
+    let currentRotation = 0;
+
+    function updateCarousel() {
+      const rect = section.getBoundingClientRect();
+      const viewportHeight = window.innerHeight;
+
+      // Calculate progress: 0 when section enters, 1 when it leaves
+      const start = rect.top - viewportHeight;
+      const end = rect.bottom;
+      const progress = Math.max(0, Math.min(1, -start / (end - start + viewportHeight)));
+
+      // Rotate based on scroll progress (full 360 rotation over scroll)
+      const targetRotation = progress * -360;
+
+      // Smooth interpolation
+      currentRotation += (targetRotation - currentRotation) * 0.1;
+
+      // Apply rotation
+      carousel.style.transform = `translateZ(-${radius}px) rotateY(${currentRotation}deg)`;
+
+      ticking = false;
+    }
+
+    function onScroll() {
+      if (!ticking) {
+        requestAnimationFrame(updateCarousel);
+        ticking = true;
+      }
+    }
+
+    // Initialize
+    window.addEventListener('scroll', onScroll, { passive: true });
+    updateCarousel();
+
+    // Cleanup on section unload (for theme editor)
+    if (Shopify.designMode) {
+      document.addEventListener('shopify:section:unload', function(e) {
+        if (e.target.contains(section)) {
+          window.removeEventListener('scroll', onScroll);
+        }
+      });
+    }
+  })();
+</script>
+
+{% schema %}
+{
+  "name": "t:sections.product_carousel_3d.name",
+  "class": "section-product-carousel-3d",
+  "tag": "section",
+  "settings": [
+    {
+      "type": "header",
+      "content": "t:sections.product_carousel_3d.settings.header_product.content"
+    },
+    {
+      "type": "product",
+      "id": "product",
+      "label": "t:sections.product_carousel_3d.settings.product.label"
+    },
+    {
+      "type": "text",
+      "id": "custom_title",
+      "label": "t:sections.product_carousel_3d.settings.custom_title.label",
+      "info": "t:sections.product_carousel_3d.settings.custom_title.info"
+    },
+    {
+      "type": "range",
+      "id": "images_to_show",
+      "min": 3,
+      "max": 8,
+      "step": 1,
+      "label": "t:sections.product_carousel_3d.settings.images_to_show.label",
+      "default": 4
+    },
+    {
+      "type": "header",
+      "content": "t:sections.product_carousel_3d.settings.header_display.content"
+    },
+    {
+      "type": "select",
+      "id": "title_size",
+      "label": "t:sections.product_carousel_3d.settings.title_size.label",
+      "options": [
+        { "value": "small", "label": "t:sections.product_carousel_3d.settings.title_size.options.small" },
+        { "value": "medium", "label": "t:sections.product_carousel_3d.settings.title_size.options.medium" },
+        { "value": "large", "label": "t:sections.product_carousel_3d.settings.title_size.options.large" }
+      ],
+      "default": "medium"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_price",
+      "label": "t:sections.product_carousel_3d.settings.show_price.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "show_variants",
+      "label": "t:sections.product_carousel_3d.settings.show_variants.label",
+      "default": false
+    },
+    {
+      "type": "header",
+      "content": "t:sections.product_carousel_3d.settings.header_cta.content"
+    },
+    {
+      "type": "text",
+      "id": "cta_text",
+      "label": "t:sections.product_carousel_3d.settings.cta_text.label",
+      "default": "Shop Now"
+    },
+    {
+      "type": "select",
+      "id": "cta_style",
+      "label": "t:sections.product_carousel_3d.settings.cta_style.label",
+      "options": [
+        { "value": "primary", "label": "t:sections.product_carousel_3d.settings.cta_style.options.primary" },
+        { "value": "secondary", "label": "t:sections.product_carousel_3d.settings.cta_style.options.secondary" },
+        { "value": "outline", "label": "t:sections.product_carousel_3d.settings.cta_style.options.outline" }
+      ],
+      "default": "primary"
+    },
+    {
+      "type": "header",
+      "content": "t:sections.product_carousel_3d.settings.header_layout.content"
+    },
+    {
+      "type": "select",
+      "id": "height",
+      "label": "t:sections.product_carousel_3d.settings.height.label",
+      "options": [
+        { "value": "medium", "label": "t:sections.product_carousel_3d.settings.height.options.medium" },
+        { "value": "large", "label": "t:sections.product_carousel_3d.settings.height.options.large" },
+        { "value": "full", "label": "t:sections.product_carousel_3d.settings.height.options.full" }
+      ],
+      "default": "large"
+    },
+    {
+      "type": "range",
+      "id": "carousel_radius",
+      "min": 400,
+      "max": 700,
+      "step": 50,
+      "unit": "px",
+      "label": "t:sections.product_carousel_3d.settings.carousel_radius.label",
+      "default": 500
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:sections.product_carousel_3d.settings.color_scheme.label",
+      "default": "scheme_2"
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.product_carousel_3d.presets.name"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/product-recommendations.liquid b/sections/product-recommendations.liquid
new file mode 100644
index 00000000..901970b4
--- /dev/null
+++ b/sections/product-recommendations.liquid
@@ -0,0 +1,131 @@
+{% comment %}
+  Product Recommendations Section - Influence Theme
+  Displays Shopify's AI-powered product recommendations
+  Supports both related and complementary products
+{% endcomment %}
+
+{%- liquid
+  assign section_id = 'ProductRecommendations-' | append: section.id
+  assign heading = section.settings.heading
+  assign products_to_show = section.settings.products_to_show
+  assign columns_desktop = section.settings.columns_desktop
+  assign columns_mobile = section.settings.columns_mobile
+-%}
+
+<section
+  id="{{ section_id }}"
+  class="product-recommendations section {% render 'color-scheme', scheme: section.settings.color_scheme %}"
+  data-url="{{ routes.product_recommendations_url }}?section_id={{ section.id }}&product_id={{ product.id }}&limit={{ products_to_show }}"
+  data-product-recommendations
+>
+  {%- if recommendations.performed and recommendations.products_count > 0 -%}
+    <div class="container">
+      {%- if heading != blank -%}
+        <h2 class="product-recommendations__heading section-heading text-{{ section.settings.heading_alignment }}">
+          {{ heading }}
+        </h2>
+      {%- endif -%}
+
+      <div
+        class="product-recommendations__grid grid"
+        style="--grid-columns-desktop: {{ columns_desktop }}; --grid-columns-mobile: {{ columns_mobile }};"
+      >
+        {%- for product in recommendations.products -%}
+          <div class="product-recommendations__item">
+            {% render 'product-card', product: product %}
+          </div>
+        {%- endfor -%}
+      </div>
+    </div>
+  {%- endif -%}
+</section>
+
+<script>
+  // Load product recommendations via AJAX
+  (function() {
+    const section = document.querySelector('[data-product-recommendations]');
+    if (!section) return;
+
+    const url = section.dataset.url;
+    if (!url) return;
+
+    fetch(url)
+      .then(response => response.text())
+      .then(html => {
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(html, 'text/html');
+        const recommendations = doc.querySelector('[data-product-recommendations]');
+
+        if (recommendations && recommendations.innerHTML.trim() !== '') {
+          section.innerHTML = recommendations.innerHTML;
+        }
+      })
+      .catch(error => {
+        console.error('Error loading product recommendations:', error);
+      });
+  })();
+</script>
+
+{% schema %}
+{
+  "name": "t:sections.product_recommendations.name",
+  "tag": "section",
+  "class": "section-product-recommendations",
+  "settings": [
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "t:labels.heading",
+      "default": "You may also like"
+    },
+    {
+      "type": "select",
+      "id": "heading_alignment",
+      "label": "t:labels.heading_alignment",
+      "options": [
+        { "value": "left", "label": "t:options.alignment.left" },
+        { "value": "center", "label": "t:options.alignment.center" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "range",
+      "id": "products_to_show",
+      "label": "t:sections.product_recommendations.settings.products_to_show.label",
+      "min": 2,
+      "max": 12,
+      "step": 1,
+      "default": 4
+    },
+    {
+      "type": "range",
+      "id": "columns_desktop",
+      "label": "t:labels.columns_desktop",
+      "min": 2,
+      "max": 5,
+      "step": 1,
+      "default": 4
+    },
+    {
+      "type": "select",
+      "id": "columns_mobile",
+      "label": "t:labels.columns_mobile",
+      "options": [
+        { "value": "1", "label": "1" },
+        { "value": "2", "label": "2" }
+      ],
+      "default": "2"
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/rich-text.liquid b/sections/rich-text.liquid
new file mode 100644
index 00000000..b77e365a
--- /dev/null
+++ b/sections/rich-text.liquid
@@ -0,0 +1,220 @@
+{% comment %}
+  Rich Text Section - Influence Theme
+  Editorial typography with drop cap option
+{% endcomment %}
+
+{%- liquid
+  assign content_alignment = section.settings.content_alignment
+  assign text_style = section.settings.text_style
+-%}
+
+<section class="rich-text section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="rich-text__inner text-{{ content_alignment }}{% if section.settings.narrow_width %} container--narrow{% endif %}">
+    {%- for block in section.blocks -%}
+      {%- case block.type -%}
+        {%- when 'subheading' -%}
+          {%- if block.settings.text != blank -%}
+            <p class="rich-text__subheading subheading" {{ block.shopify_attributes }}>
+              {{ block.settings.text }}
+            </p>
+          {%- endif -%}
+
+        {%- when 'heading' -%}
+          {%- if block.settings.text != blank -%}
+            <h2 class="rich-text__heading {{ block.settings.size }}" {{ block.shopify_attributes }}>
+              {{ block.settings.text }}
+            </h2>
+          {%- endif -%}
+
+        {%- when 'text' -%}
+          {%- if block.settings.text != blank -%}
+            <div
+              class="rich-text__text rte{% if text_style == 'large' %} text-lg{% endif %}{% if section.settings.enable_drop_cap %} drop-cap{% endif %}"
+              {{ block.shopify_attributes }}
+            >
+              {{ block.settings.text }}
+            </div>
+          {%- endif -%}
+
+        {%- when 'button' -%}
+          {%- if block.settings.label != blank -%}
+            <div class="rich-text__button" {{ block.shopify_attributes }}>
+              <a
+                href="{{ block.settings.link }}"
+                class="btn btn--{{ block.settings.style }}"
+              >
+                {{ block.settings.label }}
+              </a>
+            </div>
+          {%- endif -%}
+      {%- endcase -%}
+    {%- endfor -%}
+  </div>
+</section>
+
+{% stylesheet %}
+  .rich-text__inner {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-4);
+  }
+
+  .rich-text__inner.text-center {
+    align-items: center;
+  }
+
+  .rich-text__subheading {
+    margin-bottom: var(--space-2);
+  }
+
+  .rich-text__heading {
+    max-width: 40rem;
+  }
+
+  .rich-text__text {
+    max-width: 40rem;
+  }
+
+  .rich-text__button {
+    margin-top: var(--space-4);
+  }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.rich_text.name",
+  "class": "section-rich-text",
+  "tag": "section",
+  "settings": [
+    {
+      "type": "select",
+      "id": "content_alignment",
+      "label": "t:sections.rich_text.settings.content_alignment.label",
+      "options": [
+        { "value": "left", "label": "t:sections.rich_text.settings.content_alignment.options.left" },
+        { "value": "center", "label": "t:sections.rich_text.settings.content_alignment.options.center" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "select",
+      "id": "text_style",
+      "label": "t:sections.rich_text.settings.text_style.label",
+      "options": [
+        { "value": "body", "label": "t:sections.rich_text.settings.text_style.options.body" },
+        { "value": "large", "label": "t:sections.rich_text.settings.text_style.options.large" }
+      ],
+      "default": "body"
+    },
+    {
+      "type": "checkbox",
+      "id": "narrow_width",
+      "label": "Narrow width",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_drop_cap",
+      "label": "t:sections.rich_text.settings.enable_drop_cap.label",
+      "default": false
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:sections.rich_text.settings.color_scheme.label",
+      "default": "scheme_1"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "subheading",
+      "name": "Subheading",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "Subheading"
+        }
+      ]
+    },
+    {
+      "type": "heading",
+      "name": "t:sections.rich_text.blocks.heading.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.heading",
+          "default": "Talk about your brand"
+        },
+        {
+          "type": "select",
+          "id": "size",
+          "label": "Heading size",
+          "options": [
+            { "value": "h2", "label": "Large" },
+            { "value": "h3", "label": "Medium" },
+            { "value": "h4", "label": "Small" }
+          ],
+          "default": "h2"
+        }
+      ]
+    },
+    {
+      "type": "text",
+      "name": "t:sections.rich_text.blocks.text.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "richtext",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "<p>Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.</p>"
+        }
+      ]
+    },
+    {
+      "type": "button",
+      "name": "t:sections.rich_text.blocks.button.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "label",
+          "label": "t:labels.button_label",
+          "default": "Learn more"
+        },
+        {
+          "type": "url",
+          "id": "link",
+          "label": "t:labels.button_link"
+        },
+        {
+          "type": "select",
+          "id": "style",
+          "label": "Style",
+          "options": [
+            { "value": "primary", "label": "Primary" },
+            { "value": "secondary", "label": "Secondary" }
+          ],
+          "default": "primary"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.rich_text.name",
+      "blocks": [
+        { "type": "subheading" },
+        { "type": "heading" },
+        { "type": "text" },
+        { "type": "button" }
+      ]
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/scrolling-marquee.liquid b/sections/scrolling-marquee.liquid
new file mode 100644
index 00000000..0f02b7ec
--- /dev/null
+++ b/sections/scrolling-marquee.liquid
@@ -0,0 +1,456 @@
+{% comment %}
+  Scrolling Marquee Section - Influence Theme
+  Continuous horizontal scrolling text banner
+  High-fashion runway-inspired aesthetic (Balenciaga, Off-White style)
+{% endcomment %}
+
+{%- liquid
+  assign section_id = 'Marquee-' | append: section.id
+  assign speed = section.settings.speed
+  assign direction = section.settings.direction
+  assign text_size = section.settings.text_size
+  assign font = section.settings.font
+  assign text_transform = section.settings.text_transform
+  assign enable_stroke = section.settings.enable_stroke
+  assign divider = section.settings.divider
+  assign spacing = section.settings.spacing
+
+  case divider
+    when 'dot'
+      assign divider_char = '•'
+    when 'star'
+      assign divider_char = '✦'
+    when 'dash'
+      assign divider_char = '—'
+    when 'custom'
+      assign divider_char = section.settings.custom_divider
+    else
+      assign divider_char = ''
+  endcase
+-%}
+
+<section
+  id="{{ section_id }}"
+  class="marquee section marquee--{{ text_size }} marquee--{{ font }} marquee--{{ spacing }}{% if text_transform == 'uppercase' %} marquee--uppercase{% elsif text_transform == 'italic' %} marquee--italic{% endif %}{% if enable_stroke %} marquee--stroke{% endif %} {% render 'color-scheme', scheme: section.settings.color_scheme %}"
+  style="--marquee-duration: {{ speed }}s;"
+  {% if section.settings.pause_on_hover %}data-pause-on-hover{% endif %}
+  data-section-id="{{ section.id }}"
+  data-section-type="marquee"
+>
+  {%- if section.blocks.size > 0 -%}
+    <div class="marquee__track marquee__track--{{ direction }}" aria-hidden="true">
+      {%- comment -%} First copy of content {%- endcomment -%}
+      <div class="marquee__content">
+        {%- for block in section.blocks -%}
+          {%- if block.settings.text != blank -%}
+            {%- if block.settings.link != blank -%}
+              <a href="{{ block.settings.link }}" class="marquee__item" {{ block.shopify_attributes }}>
+                {{ block.settings.text }}
+              </a>
+            {%- else -%}
+              <span class="marquee__item" {{ block.shopify_attributes }}>
+                {{ block.settings.text }}
+              </span>
+            {%- endif -%}
+
+            {%- if divider != 'none' and forloop.last == false -%}
+              <span class="marquee__divider">{{ divider_char }}</span>
+            {%- elsif divider != 'none' -%}
+              <span class="marquee__divider">{{ divider_char }}</span>
+            {%- endif -%}
+          {%- endif -%}
+        {%- endfor -%}
+      </div>
+
+      {%- comment -%} Duplicate for seamless loop {%- endcomment -%}
+      <div class="marquee__content">
+        {%- for block in section.blocks -%}
+          {%- if block.settings.text != blank -%}
+            {%- if block.settings.link != blank -%}
+              <a href="{{ block.settings.link }}" class="marquee__item">
+                {{ block.settings.text }}
+              </a>
+            {%- else -%}
+              <span class="marquee__item">
+                {{ block.settings.text }}
+              </span>
+            {%- endif -%}
+
+            {%- if divider != 'none' and forloop.last == false -%}
+              <span class="marquee__divider">{{ divider_char }}</span>
+            {%- elsif divider != 'none' -%}
+              <span class="marquee__divider">{{ divider_char }}</span>
+            {%- endif -%}
+          {%- endif -%}
+        {%- endfor -%}
+      </div>
+
+      {%- comment -%} Third copy for extra long screens {%- endcomment -%}
+      <div class="marquee__content">
+        {%- for block in section.blocks -%}
+          {%- if block.settings.text != blank -%}
+            {%- if block.settings.link != blank -%}
+              <a href="{{ block.settings.link }}" class="marquee__item">
+                {{ block.settings.text }}
+              </a>
+            {%- else -%}
+              <span class="marquee__item">
+                {{ block.settings.text }}
+              </span>
+            {%- endif -%}
+
+            {%- if divider != 'none' and forloop.last == false -%}
+              <span class="marquee__divider">{{ divider_char }}</span>
+            {%- elsif divider != 'none' -%}
+              <span class="marquee__divider">{{ divider_char }}</span>
+            {%- endif -%}
+          {%- endif -%}
+        {%- endfor -%}
+      </div>
+    </div>
+
+    {%- comment -%} Screen reader accessible version {%- endcomment -%}
+    <div class="visually-hidden">
+      {%- for block in section.blocks -%}
+        {%- if block.settings.text != blank -%}
+          <p>{{ block.settings.text }}</p>
+        {%- endif -%}
+      {%- endfor -%}
+    </div>
+  {%- else -%}
+    {%- comment -%} Placeholder for editor {%- endcomment -%}
+    <div class="marquee__track marquee__track--{{ direction }}" aria-hidden="true">
+      <div class="marquee__content">
+        <span class="marquee__item">Add text items to create your marquee</span>
+        <span class="marquee__divider">{{ divider_char }}</span>
+      </div>
+      <div class="marquee__content">
+        <span class="marquee__item">Add text items to create your marquee</span>
+        <span class="marquee__divider">{{ divider_char }}</span>
+      </div>
+    </div>
+  {%- endif -%}
+</section>
+
+{% stylesheet %}
+  .marquee {
+    overflow: hidden;
+    padding: var(--space-4) 0;
+    white-space: nowrap;
+  }
+
+  .marquee__track {
+    display: flex;
+    width: max-content;
+    animation: marquee-scroll var(--marquee-duration, 30s) linear infinite;
+  }
+
+  .marquee__track--right {
+    animation-direction: reverse;
+  }
+
+  /* Pause on hover */
+  [data-pause-on-hover]:hover .marquee__track {
+    animation-play-state: paused;
+  }
+
+  /* Reduced motion - show static centered text */
+  @media (prefers-reduced-motion: reduce) {
+    .marquee__track {
+      animation: none;
+      justify-content: center;
+      width: 100%;
+    }
+
+    .marquee__content:not(:first-child) {
+      display: none;
+    }
+  }
+
+  .marquee__content {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+  }
+
+  .marquee__item {
+    display: inline-block;
+    text-decoration: none;
+    color: inherit;
+    transition: opacity var(--duration-fast);
+  }
+
+  a.marquee__item:hover {
+    opacity: 0.7;
+  }
+
+  a.marquee__item:focus-visible {
+    outline: 2px solid currentColor;
+    outline-offset: 4px;
+  }
+
+  .marquee__divider {
+    display: inline-block;
+    opacity: 0.4;
+  }
+
+  /* Text sizes */
+  .marquee--small {
+    font-size: var(--font-size-sm);
+    padding: var(--space-3) 0;
+  }
+
+  .marquee--medium {
+    font-size: var(--font-size-lg);
+  }
+
+  .marquee--large {
+    font-size: clamp(1.5rem, 4vw, 2.5rem);
+    padding: var(--space-6) 0;
+  }
+
+  .marquee--xl {
+    font-size: clamp(2rem, 6vw, 4rem);
+    padding: var(--space-8) 0;
+  }
+
+  /* Font styles */
+  .marquee--heading {
+    font-family: var(--font-heading-family);
+    font-weight: var(--font-heading-weight);
+  }
+
+  .marquee--body {
+    font-family: var(--font-body-family);
+  }
+
+  /* Text transforms */
+  .marquee--uppercase {
+    text-transform: uppercase;
+    letter-spacing: 0.15em;
+  }
+
+  .marquee--italic {
+    font-style: italic;
+  }
+
+  /* Stroke text effect - high fashion aesthetic */
+  .marquee--stroke .marquee__item {
+    color: transparent;
+    -webkit-text-stroke: 1px currentColor;
+    text-stroke: 1px currentColor;
+  }
+
+  .marquee--stroke.marquee--large .marquee__item,
+  .marquee--stroke.marquee--xl .marquee__item {
+    -webkit-text-stroke: 2px currentColor;
+    text-stroke: 2px currentColor;
+  }
+
+  .marquee--stroke .marquee__divider {
+    color: var(--color-foreground);
+    -webkit-text-stroke: 0;
+    text-stroke: 0;
+  }
+
+  /* Spacing options */
+  .marquee--compact .marquee__item,
+  .marquee--compact .marquee__divider {
+    padding-inline: var(--space-4);
+  }
+
+  .marquee--normal .marquee__item,
+  .marquee--normal .marquee__divider {
+    padding-inline: var(--space-6);
+  }
+
+  .marquee--spacious .marquee__item,
+  .marquee--spacious .marquee__divider {
+    padding-inline: var(--space-10);
+  }
+
+  /* Animation keyframes */
+  @keyframes marquee-scroll {
+    from {
+      transform: translateX(0);
+    }
+    to {
+      transform: translateX(-33.333%);
+    }
+  }
+
+  /* Mobile adjustments */
+  @media (max-width: 749px) {
+    .marquee--large {
+      font-size: clamp(1.25rem, 5vw, 1.75rem);
+    }
+
+    .marquee--xl {
+      font-size: clamp(1.5rem, 7vw, 2.5rem);
+    }
+
+    .marquee--spacious .marquee__item,
+    .marquee--spacious .marquee__divider {
+      padding-inline: var(--space-6);
+    }
+  }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.marquee.name",
+  "tag": "section",
+  "class": "section-marquee",
+  "settings": [
+    {
+      "type": "header",
+      "content": "t:sections.marquee.settings.header_animation.content"
+    },
+    {
+      "type": "range",
+      "id": "speed",
+      "label": "t:sections.marquee.settings.speed.label",
+      "info": "t:sections.marquee.settings.speed.info",
+      "min": 10,
+      "max": 60,
+      "step": 5,
+      "default": 30,
+      "unit": "s"
+    },
+    {
+      "type": "select",
+      "id": "direction",
+      "label": "t:sections.marquee.settings.direction.label",
+      "options": [
+        { "value": "left", "label": "t:sections.marquee.settings.direction.options.left" },
+        { "value": "right", "label": "t:sections.marquee.settings.direction.options.right" }
+      ],
+      "default": "left"
+    },
+    {
+      "type": "checkbox",
+      "id": "pause_on_hover",
+      "label": "t:sections.marquee.settings.pause_on_hover.label",
+      "default": true
+    },
+    {
+      "type": "header",
+      "content": "t:sections.marquee.settings.header_typography.content"
+    },
+    {
+      "type": "select",
+      "id": "text_size",
+      "label": "t:sections.marquee.settings.text_size.label",
+      "options": [
+        { "value": "small", "label": "t:sections.marquee.settings.text_size.options.small" },
+        { "value": "medium", "label": "t:sections.marquee.settings.text_size.options.medium" },
+        { "value": "large", "label": "t:sections.marquee.settings.text_size.options.large" },
+        { "value": "xl", "label": "t:sections.marquee.settings.text_size.options.xl" }
+      ],
+      "default": "large"
+    },
+    {
+      "type": "select",
+      "id": "font",
+      "label": "t:sections.marquee.settings.font.label",
+      "options": [
+        { "value": "body", "label": "t:sections.marquee.settings.font.options.body" },
+        { "value": "heading", "label": "t:sections.marquee.settings.font.options.heading" }
+      ],
+      "default": "heading"
+    },
+    {
+      "type": "select",
+      "id": "text_transform",
+      "label": "t:sections.marquee.settings.text_transform.label",
+      "options": [
+        { "value": "none", "label": "t:sections.marquee.settings.text_transform.options.none" },
+        { "value": "uppercase", "label": "t:sections.marquee.settings.text_transform.options.uppercase" },
+        { "value": "italic", "label": "t:sections.marquee.settings.text_transform.options.italic" }
+      ],
+      "default": "uppercase"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_stroke",
+      "label": "t:sections.marquee.settings.enable_stroke.label",
+      "info": "t:sections.marquee.settings.enable_stroke.info",
+      "default": false
+    },
+    {
+      "type": "header",
+      "content": "t:sections.marquee.settings.header_style.content"
+    },
+    {
+      "type": "select",
+      "id": "divider",
+      "label": "t:sections.marquee.settings.divider.label",
+      "options": [
+        { "value": "none", "label": "t:sections.marquee.settings.divider.options.none" },
+        { "value": "dot", "label": "t:sections.marquee.settings.divider.options.dot" },
+        { "value": "star", "label": "t:sections.marquee.settings.divider.options.star" },
+        { "value": "dash", "label": "t:sections.marquee.settings.divider.options.dash" },
+        { "value": "custom", "label": "t:sections.marquee.settings.divider.options.custom" }
+      ],
+      "default": "star"
+    },
+    {
+      "type": "text",
+      "id": "custom_divider",
+      "label": "t:sections.marquee.settings.custom_divider.label",
+      "info": "t:sections.marquee.settings.custom_divider.info",
+      "default": "✦"
+    },
+    {
+      "type": "select",
+      "id": "spacing",
+      "label": "t:sections.marquee.settings.spacing.label",
+      "options": [
+        { "value": "compact", "label": "t:sections.marquee.settings.spacing.options.compact" },
+        { "value": "normal", "label": "t:sections.marquee.settings.spacing.options.normal" },
+        { "value": "spacious", "label": "t:sections.marquee.settings.spacing.options.spacious" }
+      ],
+      "default": "normal"
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-2"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "text",
+      "name": "t:sections.marquee.blocks.text.name",
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "Marquee Text"
+        },
+        {
+          "type": "url",
+          "id": "link",
+          "label": "t:sections.marquee.blocks.text.settings.link.label"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.marquee.name",
+      "blocks": [
+        { "type": "text", "settings": { "text": "Free Shipping on Orders $100+" } },
+        { "type": "text", "settings": { "text": "New Collection Available" } },
+        { "type": "text", "settings": { "text": "Sign Up for 10% Off" } }
+      ]
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/split-hero.liquid b/sections/split-hero.liquid
new file mode 100644
index 00000000..b4596a70
--- /dev/null
+++ b/sections/split-hero.liquid
@@ -0,0 +1,507 @@
+{% comment %}
+  Split Hero Section - Influence Theme
+  Two-column hero with image + content side by side
+  Alternative to full-bleed heroes with more room for storytelling
+{% endcomment %}
+
+{%- liquid
+  assign section_id = 'SplitHero-' | append: section.id
+  assign image_position = section.settings.image_position
+  assign split_ratio = section.settings.split_ratio
+  assign height = section.settings.height
+  assign vertical_alignment = section.settings.vertical_alignment
+  assign content_alignment = section.settings.content_alignment
+  assign mobile_image_position = section.settings.mobile_image_position
+-%}
+
+<section
+  id="{{ section_id }}"
+  class="split-hero section split-hero--{{ image_position }} split-hero--{{ height }} split-hero--mobile-image-{{ mobile_image_position }} {% render 'color-scheme', scheme: section.settings.color_scheme %}"
+  data-section-id="{{ section.id }}"
+  data-section-type="split-hero"
+>
+  <div class="split-hero__grid split-hero__grid--{{ split_ratio }}">
+    {%- comment -%} Image Side {%- endcomment -%}
+    <div class="split-hero__media">
+      <div class="split-hero__media-inner{% if section.settings.enable_parallax %} split-hero__media-inner--parallax{% endif %}">
+        {%- if section.settings.image != blank -%}
+          {{
+            section.settings.image
+            | image_url: width: 1600
+            | image_tag:
+              loading: 'eager',
+              fetchpriority: 'high',
+              sizes: '(min-width: 990px) 50vw, 100vw',
+              widths: '375, 550, 750, 1000, 1200, 1400, 1600',
+              class: 'split-hero__image'
+          }}
+        {%- else -%}
+          <div class="split-hero__placeholder">
+            {{ 'lifestyle-1' | placeholder_svg_tag: 'split-hero__placeholder-svg' }}
+          </div>
+        {%- endif -%}
+      </div>
+    </div>
+
+    {%- comment -%} Content Side {%- endcomment -%}
+    <div class="split-hero__content split-hero__content--{{ vertical_alignment }} text-{{ content_alignment }}">
+      <div class="split-hero__content-inner{% if content_alignment == 'center' %} split-hero__content-inner--center{% endif %}">
+        {%- for block in section.blocks -%}
+          {%- case block.type -%}
+            {%- when 'subheading' -%}
+              {%- if block.settings.text != blank -%}
+                <p class="split-hero__subheading subheading" {{ block.shopify_attributes }}>
+                  {{ block.settings.text }}
+                </p>
+              {%- endif -%}
+
+            {%- when 'heading' -%}
+              {%- if block.settings.text != blank -%}
+                <h1 class="split-hero__heading" {{ block.shopify_attributes }}>
+                  {{ block.settings.text }}
+                </h1>
+              {%- endif -%}
+
+            {%- when 'text' -%}
+              {%- if block.settings.text != blank -%}
+                <div class="split-hero__text rte" {{ block.shopify_attributes }}>
+                  {{ block.settings.text }}
+                </div>
+              {%- endif -%}
+
+            {%- when 'button' -%}
+              {%- if block.settings.label != blank -%}
+                <div class="split-hero__buttons" {{ block.shopify_attributes }}>
+                  <a
+                    href="{{ block.settings.link }}"
+                    class="split-hero__btn btn btn--{{ block.settings.style }}"
+                  >
+                    <span>{{ block.settings.label }}</span>
+                    {%- if block.settings.show_arrow -%}
+                      <svg class="split-hero__btn-arrow" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
+                        <path d="M4 10h12M12 6l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                      </svg>
+                    {%- endif -%}
+                  </a>
+                </div>
+              {%- endif -%}
+          {%- endcase -%}
+        {%- endfor -%}
+      </div>
+    </div>
+  </div>
+</section>
+
+{%- if section.settings.enable_parallax -%}
+  <script>
+    (function() {
+      const section = document.getElementById('{{ section_id }}');
+      if (!section) return;
+
+      // Check for reduced motion preference
+      const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+      if (prefersReducedMotion) return;
+
+      const mediaInner = section.querySelector('.split-hero__media-inner--parallax');
+      if (!mediaInner) return;
+
+      let ticking = false;
+
+      function handleScroll() {
+        if (!ticking) {
+          window.requestAnimationFrame(() => {
+            const rect = section.getBoundingClientRect();
+            const windowHeight = window.innerHeight;
+
+            // Only animate when section is in view
+            if (rect.bottom > 0 && rect.top < windowHeight) {
+              const scrollProgress = (windowHeight - rect.top) / (windowHeight + rect.height);
+              const parallaxOffset = (scrollProgress - 0.5) * 50; // ±25px range
+              mediaInner.style.transform = `translateY(${parallaxOffset}px)`;
+            }
+
+            ticking = false;
+          });
+          ticking = true;
+        }
+      }
+
+      // Use IntersectionObserver to only listen when visible
+      const observer = new IntersectionObserver((entries) => {
+        if (entries[0].isIntersecting) {
+          window.addEventListener('scroll', handleScroll, { passive: true });
+          handleScroll(); // Initial position
+        } else {
+          window.removeEventListener('scroll', handleScroll);
+        }
+      }, { threshold: 0 });
+
+      observer.observe(section);
+    })();
+  </script>
+{%- endif -%}
+
+{% stylesheet %}
+  .split-hero {
+    width: 100%;
+  }
+
+  /* Height options */
+  .split-hero--auto .split-hero__grid { min-height: auto; }
+  .split-hero--medium .split-hero__grid { min-height: 60vh; }
+  .split-hero--large .split-hero__grid { min-height: 80vh; }
+  .split-hero--full .split-hero__grid { min-height: 100vh; min-height: 100svh; }
+
+  /* Grid layout */
+  .split-hero__grid {
+    display: grid;
+  }
+
+  @media (min-width: 990px) {
+    .split-hero__grid {
+      grid-template-columns: 1fr 1fr;
+    }
+
+    .split-hero__grid--wide-image {
+      grid-template-columns: 1.5fr 1fr;
+    }
+
+    .split-hero__grid--wide-content {
+      grid-template-columns: 1fr 1.5fr;
+    }
+
+    /* Image position swap */
+    .split-hero--right .split-hero__media {
+      order: 2;
+    }
+  }
+
+  /* Media side */
+  .split-hero__media {
+    position: relative;
+    overflow: hidden;
+    min-height: 50vh;
+  }
+
+  @media (min-width: 990px) {
+    .split-hero__media {
+      min-height: 100%;
+    }
+  }
+
+  .split-hero__media-inner {
+    position: absolute;
+    inset: 0;
+  }
+
+  .split-hero__media-inner--parallax {
+    inset: -25px 0;
+    will-change: transform;
+  }
+
+  .split-hero__image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .split-hero__placeholder {
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(135deg, var(--color-muted) 0%, var(--color-background) 100%);
+  }
+
+  .split-hero__placeholder-svg {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    opacity: 0.5;
+  }
+
+  /* Content side */
+  .split-hero__content {
+    display: flex;
+    padding: var(--space-12) var(--page-margin);
+  }
+
+  @media (min-width: 990px) {
+    .split-hero__content {
+      padding: var(--space-16) var(--space-12);
+    }
+  }
+
+  .split-hero__content--top { align-items: flex-start; }
+  .split-hero__content--center { align-items: center; }
+  .split-hero__content--bottom { align-items: flex-end; }
+
+  .split-hero__content-inner {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-4);
+    max-width: 32rem;
+  }
+
+  .split-hero__content-inner--center {
+    align-items: center;
+  }
+
+  /* Typography */
+  .split-hero__subheading {
+    font-size: var(--font-size-xs);
+    font-weight: 500;
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+    color: var(--color-muted-foreground);
+  }
+
+  .split-hero__heading {
+    font-family: var(--font-heading-family);
+    font-size: clamp(2rem, 5vw, 3.5rem);
+    font-weight: var(--font-heading-weight);
+    line-height: 1.1;
+    letter-spacing: -0.02em;
+    text-wrap: balance;
+  }
+
+  .split-hero__text {
+    font-size: var(--font-size-lg);
+    line-height: 1.6;
+    opacity: 0.85;
+  }
+
+  .split-hero__buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-4);
+    margin-top: var(--space-4);
+  }
+
+  .split-hero__btn {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-3);
+  }
+
+  .split-hero__btn-arrow {
+    transition: transform var(--duration-normal) var(--ease-out);
+  }
+
+  .split-hero__btn:hover .split-hero__btn-arrow {
+    transform: translateX(4px);
+  }
+
+  /* Mobile stacking */
+  @media (max-width: 989px) {
+    .split-hero--mobile-image-bottom .split-hero__media {
+      order: 2;
+    }
+
+    .split-hero__media {
+      min-height: 40vh;
+    }
+
+    .split-hero--full .split-hero__media {
+      min-height: 50vh;
+    }
+
+    .split-hero__content {
+      padding: var(--space-8) var(--page-margin);
+    }
+
+    .split-hero__heading {
+      font-size: clamp(1.75rem, 8vw, 2.5rem);
+    }
+  }
+
+  /* Reduced motion */
+  @media (prefers-reduced-motion: reduce) {
+    .split-hero__media-inner--parallax {
+      inset: 0;
+    }
+
+    .split-hero__btn-arrow {
+      transition: none;
+    }
+  }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.split_hero.name",
+  "tag": "section",
+  "class": "section-split-hero",
+  "settings": [
+    {
+      "type": "image_picker",
+      "id": "image",
+      "label": "t:sections.split_hero.settings.image.label"
+    },
+    {
+      "type": "select",
+      "id": "image_position",
+      "label": "t:sections.split_hero.settings.image_position.label",
+      "options": [
+        { "value": "left", "label": "t:sections.split_hero.settings.image_position.options.left" },
+        { "value": "right", "label": "t:sections.split_hero.settings.image_position.options.right" }
+      ],
+      "default": "left"
+    },
+    {
+      "type": "select",
+      "id": "split_ratio",
+      "label": "t:sections.split_hero.settings.split_ratio.label",
+      "options": [
+        { "value": "equal", "label": "t:sections.split_hero.settings.split_ratio.options.equal" },
+        { "value": "wide-image", "label": "t:sections.split_hero.settings.split_ratio.options.wide_image" },
+        { "value": "wide-content", "label": "t:sections.split_hero.settings.split_ratio.options.wide_content" }
+      ],
+      "default": "equal"
+    },
+    {
+      "type": "select",
+      "id": "height",
+      "label": "t:sections.split_hero.settings.height.label",
+      "options": [
+        { "value": "auto", "label": "t:sections.split_hero.settings.height.options.auto" },
+        { "value": "medium", "label": "t:sections.split_hero.settings.height.options.medium" },
+        { "value": "large", "label": "t:sections.split_hero.settings.height.options.large" },
+        { "value": "full", "label": "t:sections.split_hero.settings.height.options.full" }
+      ],
+      "default": "large"
+    },
+    {
+      "type": "select",
+      "id": "vertical_alignment",
+      "label": "t:sections.split_hero.settings.vertical_alignment.label",
+      "options": [
+        { "value": "top", "label": "t:options.alignment.top" },
+        { "value": "center", "label": "t:options.alignment.center" },
+        { "value": "bottom", "label": "t:options.alignment.bottom" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "select",
+      "id": "content_alignment",
+      "label": "t:sections.split_hero.settings.content_alignment.label",
+      "options": [
+        { "value": "left", "label": "t:options.alignment.left" },
+        { "value": "center", "label": "t:options.alignment.center" }
+      ],
+      "default": "left"
+    },
+    {
+      "type": "checkbox",
+      "id": "enable_parallax",
+      "label": "t:sections.split_hero.settings.enable_parallax.label",
+      "default": false
+    },
+    {
+      "type": "select",
+      "id": "mobile_image_position",
+      "label": "t:sections.split_hero.settings.mobile_image_position.label",
+      "options": [
+        { "value": "top", "label": "t:sections.split_hero.settings.mobile_image_position.options.top" },
+        { "value": "bottom", "label": "t:sections.split_hero.settings.mobile_image_position.options.bottom" }
+      ],
+      "default": "top"
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "subheading",
+      "name": "t:sections.split_hero.blocks.subheading.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "New Arrival"
+        }
+      ]
+    },
+    {
+      "type": "heading",
+      "name": "t:sections.split_hero.blocks.heading.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.heading",
+          "default": "Tell Your Story"
+        }
+      ]
+    },
+    {
+      "type": "text",
+      "name": "t:sections.split_hero.blocks.text.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "richtext",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "<p>Use this section to share your brand story, highlight a collection, or feature key products. The split layout provides ample room for compelling copy alongside beautiful imagery.</p>"
+        }
+      ]
+    },
+    {
+      "type": "button",
+      "name": "t:sections.split_hero.blocks.button.name",
+      "limit": 2,
+      "settings": [
+        {
+          "type": "text",
+          "id": "label",
+          "label": "t:labels.button_label",
+          "default": "Shop Now"
+        },
+        {
+          "type": "url",
+          "id": "link",
+          "label": "t:labels.button_link"
+        },
+        {
+          "type": "select",
+          "id": "style",
+          "label": "t:labels.button_style",
+          "options": [
+            { "value": "primary", "label": "t:options.button_style.primary" },
+            { "value": "secondary", "label": "t:options.button_style.secondary" }
+          ],
+          "default": "primary"
+        },
+        {
+          "type": "checkbox",
+          "id": "show_arrow",
+          "label": "t:sections.split_hero.blocks.button.settings.show_arrow.label",
+          "default": true
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.split_hero.name",
+      "blocks": [
+        { "type": "subheading" },
+        { "type": "heading" },
+        { "type": "text" },
+        { "type": "button" }
+      ]
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/testimonials.liquid b/sections/testimonials.liquid
new file mode 100644
index 00000000..ab16aa28
--- /dev/null
+++ b/sections/testimonials.liquid
@@ -0,0 +1,244 @@
+{% comment %}
+  Testimonials Section - Influence Theme
+  Displays customer testimonials in carousel or grid format
+{% endcomment %}
+
+{%- liquid
+  assign section_id = 'Testimonials-' | append: section.id
+  assign layout = section.settings.layout
+  assign columns = section.settings.columns
+-%}
+
+<section id="{{ section_id }}" class="testimonials section {% render 'color-scheme', scheme: section.settings.color_scheme %}">
+  <div class="container">
+    {%- if section.settings.heading != blank -%}
+      <h2 class="testimonials__heading section-heading text-{{ section.settings.heading_alignment }}">
+        {{ section.settings.heading }}
+      </h2>
+    {%- endif -%}
+
+    {%- if section.blocks.size > 0 -%}
+      <div
+        class="testimonials__{{ layout }}{% if layout == 'carousel' %} swiper{% endif %}"
+        {% if layout == 'carousel' %}data-testimonials-carousel{% endif %}
+        style="--testimonials-columns: {{ columns }};"
+      >
+        <div class="{% if layout == 'carousel' %}swiper-wrapper{% else %}testimonials__grid grid{% endif %}">
+          {%- for block in section.blocks -%}
+            <div class="testimonial{% if layout == 'carousel' %} swiper-slide{% endif %}" {{ block.shopify_attributes }}>
+              {%- if block.settings.rating > 0 -%}
+                <div class="testimonial__rating" aria-label="{{ 'testimonials.rating' | t: rating: block.settings.rating }}">
+                  {%- for i in (1..5) -%}
+                    {%- if i <= block.settings.rating -%}
+                      {% render 'icon', icon: 'star-filled', size: 'sm' %}
+                    {%- else -%}
+                      {% render 'icon', icon: 'star', size: 'sm' %}
+                    {%- endif -%}
+                  {%- endfor -%}
+                </div>
+              {%- endif -%}
+
+              {%- if block.settings.quote != blank -%}
+                <blockquote class="testimonial__quote">
+                  {{ block.settings.quote }}
+                </blockquote>
+              {%- endif -%}
+
+              <div class="testimonial__author">
+                {%- if block.settings.author_image -%}
+                  <div class="testimonial__author-image">
+                    {{
+                      block.settings.author_image
+                      | image_url: width: 80
+                      | image_tag:
+                        loading: 'lazy',
+                        width: 40,
+                        height: 40,
+                        class: 'testimonial__avatar'
+                    }}
+                  </div>
+                {%- endif -%}
+                <div class="testimonial__author-info">
+                  {%- if block.settings.author_name != blank -%}
+                    <cite class="testimonial__author-name">{{ block.settings.author_name }}</cite>
+                  {%- endif -%}
+                  {%- if block.settings.author_title != blank -%}
+                    <span class="testimonial__author-title">{{ block.settings.author_title }}</span>
+                  {%- endif -%}
+                </div>
+              </div>
+            </div>
+          {%- endfor -%}
+        </div>
+
+        {%- if layout == 'carousel' and section.blocks.size > columns -%}
+          <div class="testimonials__navigation">
+            <button type="button" class="testimonials__nav-btn testimonials__nav-btn--prev" aria-label="{{ 'accessibility.previous' | t }}">
+              {% render 'icon', icon: 'chevron-left' %}
+            </button>
+            <div class="testimonials__pagination"></div>
+            <button type="button" class="testimonials__nav-btn testimonials__nav-btn--next" aria-label="{{ 'accessibility.next' | t }}">
+              {% render 'icon', icon: 'chevron-right' %}
+            </button>
+          </div>
+        {%- endif -%}
+      </div>
+    {%- endif -%}
+  </div>
+</section>
+
+{%- if layout == 'carousel' and section.blocks.size > columns -%}
+  <script>
+    (function() {
+      const carousel = document.querySelector('[data-testimonials-carousel]');
+      if (!carousel) return;
+
+      const wrapper = carousel.querySelector('.swiper-wrapper');
+      const slides = carousel.querySelectorAll('.swiper-slide');
+      const prevBtn = carousel.parentElement.querySelector('.testimonials__nav-btn--prev');
+      const nextBtn = carousel.parentElement.querySelector('.testimonials__nav-btn--next');
+      const pagination = carousel.parentElement.querySelector('.testimonials__pagination');
+
+      let currentIndex = 0;
+      const slidesPerView = {{ columns }};
+      const totalSlides = slides.length;
+      const maxIndex = Math.max(0, totalSlides - slidesPerView);
+
+      function updateCarousel() {
+        const slideWidth = slides[0].offsetWidth;
+        const gap = parseInt(getComputedStyle(wrapper).gap) || 0;
+        const offset = currentIndex * (slideWidth + gap);
+        wrapper.style.transform = `translateX(-${offset}px)`;
+
+        prevBtn.disabled = currentIndex === 0;
+        nextBtn.disabled = currentIndex >= maxIndex;
+      }
+
+      prevBtn.addEventListener('click', () => {
+        if (currentIndex > 0) {
+          currentIndex--;
+          updateCarousel();
+        }
+      });
+
+      nextBtn.addEventListener('click', () => {
+        if (currentIndex < maxIndex) {
+          currentIndex++;
+          updateCarousel();
+        }
+      });
+
+      // Initialize
+      wrapper.style.transition = 'transform 0.3s ease';
+      updateCarousel();
+
+      // Handle resize
+      let resizeTimeout;
+      window.addEventListener('resize', () => {
+        clearTimeout(resizeTimeout);
+        resizeTimeout = setTimeout(updateCarousel, 100);
+      });
+    })();
+  </script>
+{%- endif -%}
+
+{% schema %}
+{
+  "name": "t:sections.testimonials.name",
+  "tag": "section",
+  "class": "section-testimonials",
+  "settings": [
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "t:labels.heading",
+      "default": "What our customers say"
+    },
+    {
+      "type": "select",
+      "id": "heading_alignment",
+      "label": "t:labels.heading_alignment",
+      "options": [
+        { "value": "left", "label": "t:options.alignment.left" },
+        { "value": "center", "label": "t:options.alignment.center" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "select",
+      "id": "layout",
+      "label": "t:sections.testimonials.settings.layout.label",
+      "options": [
+        { "value": "grid", "label": "t:sections.testimonials.settings.layout.options.grid" },
+        { "value": "carousel", "label": "t:sections.testimonials.settings.layout.options.carousel" }
+      ],
+      "default": "carousel"
+    },
+    {
+      "type": "range",
+      "id": "columns",
+      "label": "t:labels.columns_desktop",
+      "min": 1,
+      "max": 4,
+      "step": 1,
+      "default": 3
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "default": "scheme_1"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "testimonial",
+      "name": "t:blocks.testimonial.name",
+      "settings": [
+        {
+          "type": "range",
+          "id": "rating",
+          "label": "t:blocks.testimonial.settings.rating.label",
+          "min": 0,
+          "max": 5,
+          "step": 1,
+          "default": 5
+        },
+        {
+          "type": "textarea",
+          "id": "quote",
+          "label": "t:blocks.testimonial.settings.quote.label",
+          "default": "This is the best purchase I've made. The quality is exceptional and the service was outstanding."
+        },
+        {
+          "type": "image_picker",
+          "id": "author_image",
+          "label": "t:blocks.testimonial.settings.author_image.label"
+        },
+        {
+          "type": "text",
+          "id": "author_name",
+          "label": "t:blocks.testimonial.settings.author_name.label",
+          "default": "Customer Name"
+        },
+        {
+          "type": "text",
+          "id": "author_title",
+          "label": "t:blocks.testimonial.settings.author_title.label",
+          "default": "Verified Buyer"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.testimonials.name",
+      "blocks": [
+        { "type": "testimonial" },
+        { "type": "testimonial" },
+        { "type": "testimonial" }
+      ]
+    }
+  ]
+}
+{% endschema %}
diff --git a/sections/video.liquid b/sections/video.liquid
new file mode 100644
index 00000000..a04d4021
--- /dev/null
+++ b/sections/video.liquid
@@ -0,0 +1,736 @@
+{% comment %}
+  Video Section - Influence Theme
+  Dedicated video content section supporting YouTube, Vimeo, and Shopify-hosted videos
+  Essential for brand films, runway footage, and product videos
+{% endcomment %}
+
+{%- liquid
+  assign section_id = 'Video-' | append: section.id
+  assign video_style = section.settings.video_style
+  assign aspect_ratio = section.settings.aspect_ratio
+  assign has_video = false
+  assign video_type = 'none'
+
+  if section.settings.video_url != blank
+    assign has_video = true
+    if section.settings.video_url contains 'youtube.com' or section.settings.video_url contains 'youtu.be'
+      assign video_type = 'youtube'
+      assign video_id = section.settings.video_url | split: 'v=' | last | split: '&' | first
+      if section.settings.video_url contains 'youtu.be'
+        assign video_id = section.settings.video_url | split: '/' | last | split: '?' | first
+      endif
+    elsif section.settings.video_url contains 'vimeo.com'
+      assign video_type = 'vimeo'
+      assign video_id = section.settings.video_url | split: '/' | last | split: '?' | first
+    endif
+  elsif section.settings.video != blank
+    assign has_video = true
+    assign video_type = 'shopify'
+  endif
+-%}
+
+<section
+  id="{{ section_id }}"
+  class="video-section section video-section--{{ video_style }} video-section--{{ aspect_ratio }} {% render 'color-scheme', scheme: section.settings.color_scheme %}"
+  data-section-id="{{ section.id }}"
+  data-section-type="video"
+  data-video-type="{{ video_type }}"
+  data-video-id="{{ video_id }}"
+>
+  <div class="{% if section.settings.full_width %}container--full{% else %}container{% endif %}">
+    {%- if section.settings.heading != blank and video_style != 'ambient' -%}
+      <h2 class="video-section__heading section-heading text-{{ section.settings.heading_alignment }}">
+        {{ section.settings.heading }}
+      </h2>
+    {%- endif -%}
+
+    <div class="video-section__wrapper" style="--video-aspect-ratio: {{ aspect_ratio | replace: '-', '/' }};">
+      {%- if has_video -%}
+        {%- if video_style == 'ambient' -%}
+          {%- comment -%} Ambient Video - Autoplay, Muted, Looped {%- endcomment -%}
+          {%- if video_type == 'shopify' -%}
+            {{
+              section.settings.video
+              | video_tag:
+                autoplay: true,
+                loop: true,
+                muted: true,
+                playsinline: true,
+                poster: section.settings.cover_image,
+                class: 'video-section__video'
+            }}
+          {%- elsif video_type == 'youtube' -%}
+            <iframe
+              src="https://www.youtube.com/embed/{{ video_id }}?autoplay=1&mute=1&loop=1&playlist={{ video_id }}&controls=0&showinfo=0&rel=0&modestbranding=1&playsinline=1"
+              frameborder="0"
+              allow="autoplay; encrypted-media"
+              allowfullscreen
+              loading="lazy"
+              class="video-section__video video-section__iframe"
+            ></iframe>
+          {%- elsif video_type == 'vimeo' -%}
+            <iframe
+              src="https://player.vimeo.com/video/{{ video_id }}?autoplay=1&loop=1&muted=1&background=1"
+              frameborder="0"
+              allow="autoplay; fullscreen"
+              allowfullscreen
+              loading="lazy"
+              class="video-section__video video-section__iframe"
+            ></iframe>
+          {%- endif -%}
+
+          {%- comment -%} Content Overlay for Ambient {%- endcomment -%}
+          {%- if section.blocks.size > 0 -%}
+            <div class="video-section__overlay">
+              <div class="video-section__content video-section__content--{{ section.settings.content_position }}">
+                {%- for block in section.blocks -%}
+                  {%- case block.type -%}
+                    {%- when 'subheading' -%}
+                      {%- if block.settings.text != blank -%}
+                        <p class="video-section__subheading subheading" {{ block.shopify_attributes }}>
+                          {{ block.settings.text }}
+                        </p>
+                      {%- endif -%}
+
+                    {%- when 'heading' -%}
+                      {%- if block.settings.text != blank -%}
+                        <h2 class="video-section__title h1" {{ block.shopify_attributes }}>
+                          {{ block.settings.text }}
+                        </h2>
+                      {%- endif -%}
+
+                    {%- when 'text' -%}
+                      {%- if block.settings.text != blank -%}
+                        <div class="video-section__text rte" {{ block.shopify_attributes }}>
+                          {{ block.settings.text }}
+                        </div>
+                      {%- endif -%}
+
+                    {%- when 'button' -%}
+                      {%- if block.settings.label != blank -%}
+                        <div class="video-section__button" {{ block.shopify_attributes }}>
+                          <a href="{{ block.settings.link }}" class="btn btn--{{ block.settings.style }}">
+                            {{ block.settings.label }}
+                          </a>
+                        </div>
+                      {%- endif -%}
+                  {%- endcase -%}
+                {%- endfor -%}
+              </div>
+            </div>
+          {%- endif -%}
+
+        {%- else -%}
+          {%- comment -%} Standard Video - Click to Play {%- endcomment -%}
+          <div class="video-section__cover" data-video-cover>
+            {%- if section.settings.cover_image != blank -%}
+              {{
+                section.settings.cover_image
+                | image_url: width: 2000
+                | image_tag:
+                  loading: 'lazy',
+                  sizes: '100vw',
+                  widths: '375, 550, 750, 1000, 1500, 2000',
+                  class: 'video-section__poster'
+              }}
+            {%- else -%}
+              <div class="video-section__placeholder">
+                {{ 'lifestyle-2' | placeholder_svg_tag: 'video-section__placeholder-svg' }}
+              </div>
+            {%- endif -%}
+
+            <button
+              type="button"
+              class="video-section__play-btn"
+              aria-label="{{ 'accessibility.play_video' | t }}"
+              data-video-play
+            >
+              <span class="video-section__play-icon">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+                  <path d="M8 5v14l11-7z"/>
+                </svg>
+              </span>
+            </button>
+
+            {%- comment -%} Optional Text Overlay on Cover {%- endcomment -%}
+            {%- if section.settings.text_position == 'overlay' and section.blocks.size > 0 -%}
+              <div class="video-section__cover-content">
+                {%- for block in section.blocks -%}
+                  {%- case block.type -%}
+                    {%- when 'subheading' -%}
+                      {%- if block.settings.text != blank -%}
+                        <p class="video-section__subheading subheading" {{ block.shopify_attributes }}>
+                          {{ block.settings.text }}
+                        </p>
+                      {%- endif -%}
+
+                    {%- when 'heading' -%}
+                      {%- if block.settings.text != blank -%}
+                        <h2 class="video-section__title h2" {{ block.shopify_attributes }}>
+                          {{ block.settings.text }}
+                        </h2>
+                      {%- endif -%}
+                  {%- endcase -%}
+                {%- endfor -%}
+              </div>
+            {%- endif -%}
+          </div>
+
+          <div class="video-section__player" data-video-player hidden>
+            {%- comment -%} Video iframe/element inserted by JS on play {%- endcomment -%}
+          </div>
+        {%- endif -%}
+      {%- else -%}
+        {%- comment -%} No video - show placeholder {%- endcomment -%}
+        <div class="video-section__placeholder">
+          {{ 'lifestyle-2' | placeholder_svg_tag: 'video-section__placeholder-svg' }}
+          <span class="video-section__placeholder-text">{{ 'sections.video.no_video' | t }}</span>
+        </div>
+      {%- endif -%}
+    </div>
+
+    {%- comment -%} Text Below Video {%- endcomment -%}
+    {%- if section.settings.text_position == 'below' and section.blocks.size > 0 and video_style != 'ambient' -%}
+      <div class="video-section__below-content text-{{ section.settings.heading_alignment }}">
+        {%- for block in section.blocks -%}
+          {%- case block.type -%}
+            {%- when 'subheading' -%}
+              {%- if block.settings.text != blank -%}
+                <p class="video-section__subheading subheading" {{ block.shopify_attributes }}>
+                  {{ block.settings.text }}
+                </p>
+              {%- endif -%}
+
+            {%- when 'heading' -%}
+              {%- if block.settings.text != blank -%}
+                <h2 class="video-section__title h3" {{ block.shopify_attributes }}>
+                  {{ block.settings.text }}
+                </h2>
+              {%- endif -%}
+
+            {%- when 'text' -%}
+              {%- if block.settings.text != blank -%}
+                <div class="video-section__text rte" {{ block.shopify_attributes }}>
+                  {{ block.settings.text }}
+                </div>
+              {%- endif -%}
+
+            {%- when 'button' -%}
+              {%- if block.settings.label != blank -%}
+                <div class="video-section__button" {{ block.shopify_attributes }}>
+                  <a href="{{ block.settings.link }}" class="btn btn--{{ block.settings.style }}">
+                    {{ block.settings.label }}
+                  </a>
+                </div>
+              {%- endif -%}
+          {%- endcase -%}
+        {%- endfor -%}
+      </div>
+    {%- endif -%}
+  </div>
+</section>
+
+{%- if has_video and video_style == 'standard' -%}
+  <script>
+    (function() {
+      const section = document.getElementById('{{ section_id }}');
+      if (!section) return;
+
+      const cover = section.querySelector('[data-video-cover]');
+      const player = section.querySelector('[data-video-player]');
+      const playBtn = section.querySelector('[data-video-play]');
+
+      const videoType = section.dataset.videoType;
+      const videoId = section.dataset.videoId;
+      const showControls = {{ section.settings.show_controls | json }};
+      const loop = {{ section.settings.loop | json }};
+
+      if (!playBtn || !player) return;
+
+      playBtn.addEventListener('click', () => {
+        cover.hidden = true;
+        player.hidden = false;
+
+        let embedHtml = '';
+
+        if (videoType === 'youtube') {
+          const controls = showControls ? '1' : '0';
+          const loopParam = loop ? `&loop=1&playlist=${videoId}` : '';
+          embedHtml = `<iframe
+            src="https://www.youtube.com/embed/${videoId}?autoplay=1&rel=0&controls=${controls}${loopParam}"
+            frameborder="0"
+            allow="autoplay; encrypted-media; fullscreen"
+            allowfullscreen
+            class="video-section__iframe"
+          ></iframe>`;
+        } else if (videoType === 'vimeo') {
+          const controls = showControls ? '1' : '0';
+          const loopParam = loop ? '&loop=1' : '';
+          embedHtml = `<iframe
+            src="https://player.vimeo.com/video/${videoId}?autoplay=1&controls=${controls}${loopParam}"
+            frameborder="0"
+            allow="autoplay; fullscreen"
+            allowfullscreen
+            class="video-section__iframe"
+          ></iframe>`;
+        } else if (videoType === 'shopify') {
+          // For Shopify video, we need to trigger play on the video element
+          const video = section.querySelector('video');
+          if (video) {
+            video.play();
+            if (showControls) video.controls = true;
+          }
+        }
+
+        if (embedHtml) {
+          player.innerHTML = embedHtml;
+        }
+      });
+    })();
+  </script>
+{%- endif -%}
+
+{% stylesheet %}
+  .video-section__heading {
+    margin-bottom: var(--space-8);
+  }
+
+  .video-section__wrapper {
+    position: relative;
+    aspect-ratio: var(--video-aspect-ratio, 16/9);
+    background-color: var(--color-muted);
+    overflow: hidden;
+  }
+
+  /* Aspect ratio variations */
+  .video-section--16-9 .video-section__wrapper { aspect-ratio: 16/9; }
+  .video-section--21-9 .video-section__wrapper { aspect-ratio: 21/9; }
+  .video-section--4-3 .video-section__wrapper { aspect-ratio: 4/3; }
+  .video-section--9-16 .video-section__wrapper {
+    aspect-ratio: 9/16;
+    max-width: 400px;
+    margin-inline: auto;
+  }
+
+  /* Video/Media elements */
+  .video-section__video,
+  .video-section__iframe,
+  .video-section__poster {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .video-section__cover {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .video-section__player {
+    position: absolute;
+    inset: 0;
+  }
+
+  .video-section__placeholder {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    gap: var(--space-4);
+    background: var(--color-muted);
+  }
+
+  .video-section__placeholder-svg {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    position: absolute;
+    inset: 0;
+    opacity: 0.5;
+  }
+
+  .video-section__placeholder-text {
+    position: relative;
+    z-index: 1;
+    font-size: var(--font-size-sm);
+    color: var(--color-muted-foreground);
+  }
+
+  /* Play button */
+  .video-section__play-btn {
+    position: relative;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 80px;
+    height: 80px;
+    padding: 0;
+    background: rgba(255, 255, 255, 0.95);
+    border: none;
+    border-radius: 50%;
+    cursor: pointer;
+    transition: transform var(--duration-normal) var(--ease-out),
+                background var(--duration-normal);
+  }
+
+  .video-section__play-btn:hover {
+    transform: scale(1.1);
+    background: #fff;
+  }
+
+  .video-section__play-btn:focus-visible {
+    outline: 2px solid var(--color-foreground);
+    outline-offset: 4px;
+  }
+
+  .video-section__play-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: 4px; /* Visual centering for play icon */
+    color: #000;
+  }
+
+  /* Ambient video styles */
+  .video-section--ambient .video-section__wrapper {
+    min-height: 60vh;
+    aspect-ratio: auto;
+  }
+
+  .video-section--ambient .video-section__video,
+  .video-section--ambient .video-section__iframe {
+    object-fit: cover;
+  }
+
+  /* Overlay for ambient video */
+  .video-section__overlay {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
+    color: #fff;
+    padding: var(--space-8);
+  }
+
+  .video-section__content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-4);
+    max-width: 40rem;
+    text-align: center;
+  }
+
+  .video-section__content--left {
+    text-align: left;
+    align-items: flex-start;
+  }
+
+  .video-section__content--center {
+    text-align: center;
+    align-items: center;
+  }
+
+  .video-section__content--right {
+    text-align: right;
+    align-items: flex-end;
+  }
+
+  .video-section__subheading {
+    font-size: var(--font-size-xs);
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+  }
+
+  .video-section__title {
+    text-wrap: balance;
+  }
+
+  .video-section__text {
+    font-size: var(--font-size-lg);
+    opacity: 0.9;
+  }
+
+  .video-section__button {
+    margin-top: var(--space-2);
+  }
+
+  /* Cover content overlay */
+  .video-section__cover-content {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-2);
+    padding: var(--space-8);
+    color: #fff;
+    text-align: center;
+    background: rgba(0, 0, 0, 0.3);
+    pointer-events: none;
+  }
+
+  /* Below content */
+  .video-section__below-content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-4);
+    padding-top: var(--space-8);
+    max-width: 40rem;
+  }
+
+  .video-section__below-content.text-center {
+    margin-inline: auto;
+    align-items: center;
+  }
+
+  /* Full width */
+  .video-section--full-width .video-section__wrapper {
+    margin-inline: calc(var(--page-margin) * -1);
+  }
+
+  /* Mobile adjustments */
+  @media (max-width: 749px) {
+    .video-section--ambient .video-section__wrapper {
+      min-height: 50vh;
+    }
+
+    .video-section__play-btn {
+      width: 64px;
+      height: 64px;
+    }
+
+    .video-section__overlay,
+    .video-section__cover-content {
+      padding: var(--space-4);
+    }
+
+    .video-section__content {
+      max-width: 100%;
+    }
+  }
+
+  /* Reduced motion */
+  @media (prefers-reduced-motion: reduce) {
+    .video-section--ambient video {
+      /* Could pause autoplay video */
+    }
+
+    .video-section__play-btn {
+      transition: none;
+    }
+  }
+{% endstylesheet %}
+
+{% schema %}
+{
+  "name": "t:sections.video.name",
+  "tag": "section",
+  "class": "section-video",
+  "settings": [
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "t:labels.heading"
+    },
+    {
+      "type": "select",
+      "id": "heading_alignment",
+      "label": "t:labels.heading_alignment",
+      "options": [
+        { "value": "left", "label": "t:options.alignment.left" },
+        { "value": "center", "label": "t:options.alignment.center" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "header",
+      "content": "t:sections.video.settings.header_video.content"
+    },
+    {
+      "type": "video_url",
+      "id": "video_url",
+      "accept": ["youtube", "vimeo"],
+      "label": "t:sections.video.settings.video_url.label",
+      "info": "t:sections.video.settings.video_url.info"
+    },
+    {
+      "type": "video",
+      "id": "video",
+      "label": "t:sections.video.settings.video.label",
+      "info": "t:sections.video.settings.video.info"
+    },
+    {
+      "type": "image_picker",
+      "id": "cover_image",
+      "label": "t:sections.video.settings.cover_image.label"
+    },
+    {
+      "type": "header",
+      "content": "t:sections.video.settings.header_style.content"
+    },
+    {
+      "type": "select",
+      "id": "video_style",
+      "label": "t:sections.video.settings.video_style.label",
+      "options": [
+        { "value": "standard", "label": "t:sections.video.settings.video_style.options.standard" },
+        { "value": "ambient", "label": "t:sections.video.settings.video_style.options.ambient" }
+      ],
+      "default": "standard",
+      "info": "t:sections.video.settings.video_style.info"
+    },
+    {
+      "type": "select",
+      "id": "aspect_ratio",
+      "label": "t:sections.video.settings.aspect_ratio.label",
+      "options": [
+        { "value": "16-9", "label": "16:9 (Widescreen)" },
+        { "value": "21-9", "label": "21:9 (Cinematic)" },
+        { "value": "4-3", "label": "4:3 (Standard)" },
+        { "value": "9-16", "label": "9:16 (Vertical)" }
+      ],
+      "default": "16-9"
+    },
+    {
+      "type": "checkbox",
+      "id": "loop",
+      "label": "t:sections.video.settings.loop.label",
+      "default": false
+    },
+    {
+      "type": "checkbox",
+      "id": "show_controls",
+      "label": "t:sections.video.settings.show_controls.label",
+      "default": true
+    },
+    {
+      "type": "checkbox",
+      "id": "full_width",
+      "label": "t:labels.full_width",
+      "default": false
+    },
+    {
+      "type": "header",
+      "content": "t:sections.video.settings.header_content.content"
+    },
+    {
+      "type": "select",
+      "id": "text_position",
+      "label": "t:sections.video.settings.text_position.label",
+      "options": [
+        { "value": "none", "label": "t:sections.video.settings.text_position.options.none" },
+        { "value": "overlay", "label": "t:sections.video.settings.text_position.options.overlay" },
+        { "value": "below", "label": "t:sections.video.settings.text_position.options.below" }
+      ],
+      "default": "none"
+    },
+    {
+      "type": "select",
+      "id": "content_position",
+      "label": "t:sections.video.settings.content_position.label",
+      "options": [
+        { "value": "left", "label": "t:options.alignment.left" },
+        { "value": "center", "label": "t:options.alignment.center" },
+        { "value": "right", "label": "t:options.alignment.right" }
+      ],
+      "default": "center"
+    },
+    {
+      "type": "select",
+      "id": "color_scheme",
+      "label": "t:labels.color_scheme",
+      "options": [
+        { "value": "scheme-1", "label": "t:options.color_scheme.scheme_1" },
+        { "value": "scheme-2", "label": "t:options.color_scheme.scheme_2" }
+      ],
+      "default": "scheme-1"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "subheading",
+      "name": "t:sections.video.blocks.subheading.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "Watch"
+        }
+      ]
+    },
+    {
+      "type": "heading",
+      "name": "t:sections.video.blocks.heading.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "t:labels.heading",
+          "default": "Brand Film"
+        }
+      ]
+    },
+    {
+      "type": "text",
+      "name": "t:sections.video.blocks.text.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "richtext",
+          "id": "text",
+          "label": "t:labels.text",
+          "default": "<p>Share your brand story through video content.</p>"
+        }
+      ]
+    },
+    {
+      "type": "button",
+      "name": "t:sections.video.blocks.button.name",
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "label",
+          "label": "t:labels.button_label",
+          "default": "Learn More"
+        },
+        {
+          "type": "url",
+          "id": "link",
+          "label": "t:labels.button_link"
+        },
+        {
+          "type": "select",
+          "id": "style",
+          "label": "t:labels.button_style",
+          "options": [
+            { "value": "primary", "label": "t:options.button_style.primary" },
+            { "value": "secondary", "label": "t:options.button_style.secondary" }
+          ],
+          "default": "primary"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "t:sections.video.name"
+    }
+  ]
+}
+{% endschema %}
diff --git a/snippets/announcement-countdown.liquid b/snippets/announcement-countdown.liquid
new file mode 100644
index 00000000..a372c432
--- /dev/null
+++ b/snippets/announcement-countdown.liquid
@@ -0,0 +1,95 @@
+{% comment %}
+  Announcement Countdown Snippet - Influence Theme
+  Displays a countdown timer in the announcement bar
+
+  Usage:
+  {% render 'announcement-countdown', block: block %}
+{% endcomment %}
+
+{%- liquid
+  assign end_date = block.settings.end_date
+  assign text = block.settings.text
+  assign link = block.settings.link
+-%}
+
+<div
+  class="announcement-countdown"
+  data-countdown
+  data-end-date="{{ end_date }}"
+  {{ block.shopify_attributes }}
+>
+  {%- if text != blank -%}
+    {%- if link != blank -%}
+      <a href="{{ link }}" class="announcement-countdown__text announcement-bar__link">{{ text }}</a>
+    {%- else -%}
+      <p class="announcement-countdown__text">{{ text }}</p>
+    {%- endif -%}
+  {%- endif -%}
+
+  <div class="announcement-countdown__timer" data-countdown-timer>
+    <span class="announcement-countdown__unit">
+      <span class="announcement-countdown__value" data-countdown-days>00</span>
+      <span class="announcement-countdown__label">{{ 'announcement.days' | t }}</span>
+    </span>
+    <span class="announcement-countdown__separator">:</span>
+    <span class="announcement-countdown__unit">
+      <span class="announcement-countdown__value" data-countdown-hours>00</span>
+      <span class="announcement-countdown__label">{{ 'announcement.hours' | t }}</span>
+    </span>
+    <span class="announcement-countdown__separator">:</span>
+    <span class="announcement-countdown__unit">
+      <span class="announcement-countdown__value" data-countdown-minutes>00</span>
+      <span class="announcement-countdown__label">{{ 'announcement.minutes' | t }}</span>
+    </span>
+    <span class="announcement-countdown__separator">:</span>
+    <span class="announcement-countdown__unit">
+      <span class="announcement-countdown__value" data-countdown-seconds>00</span>
+      <span class="announcement-countdown__label">{{ 'announcement.seconds' | t }}</span>
+    </span>
+  </div>
+</div>
+
+<script>
+  (function() {
+    const countdowns = document.querySelectorAll('[data-countdown]');
+
+    countdowns.forEach(countdown => {
+      const endDateStr = countdown.dataset.endDate;
+      if (!endDateStr) return;
+
+      const endDate = new Date(endDateStr.replace(' ', 'T'));
+      if (isNaN(endDate.getTime())) return;
+
+      const daysEl = countdown.querySelector('[data-countdown-days]');
+      const hoursEl = countdown.querySelector('[data-countdown-hours]');
+      const minutesEl = countdown.querySelector('[data-countdown-minutes]');
+      const secondsEl = countdown.querySelector('[data-countdown-seconds]');
+
+      function updateCountdown() {
+        const now = new Date();
+        const diff = endDate - now;
+
+        if (diff <= 0) {
+          if (daysEl) daysEl.textContent = '00';
+          if (hoursEl) hoursEl.textContent = '00';
+          if (minutesEl) minutesEl.textContent = '00';
+          if (secondsEl) secondsEl.textContent = '00';
+          return;
+        }
+
+        const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+        const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+        const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
+        const seconds = Math.floor((diff % (1000 * 60)) / 1000);
+
+        if (daysEl) daysEl.textContent = String(days).padStart(2, '0');
+        if (hoursEl) hoursEl.textContent = String(hours).padStart(2, '0');
+        if (minutesEl) minutesEl.textContent = String(minutes).padStart(2, '0');
+        if (secondsEl) secondsEl.textContent = String(seconds).padStart(2, '0');
+      }
+
+      updateCountdown();
+      setInterval(updateCountdown, 1000);
+    });
+  })();
+</script>
diff --git a/snippets/article-card.liquid b/snippets/article-card.liquid
new file mode 100644
index 00000000..aeb1899e
--- /dev/null
+++ b/snippets/article-card.liquid
@@ -0,0 +1,79 @@
+{% comment %}
+  Article Card Snippet - Influence Theme
+  Renders a blog article card
+
+  Usage:
+  {% render 'article-card', article: article %}
+  {% render 'article-card', article: article, show_date: true, show_excerpt: true %}
+{% endcomment %}
+
+{%- liquid
+  assign show_date = show_date | default: true
+  assign show_author = show_author | default: true
+  assign show_tags = show_tags | default: false
+  assign show_excerpt = show_excerpt | default: true
+  assign image_ratio = image_ratio | default: 'landscape'
+
+  case image_ratio
+    when 'landscape'
+      assign aspect_ratio = '16-9'
+    when 'portrait'
+      assign aspect_ratio = '3-4'
+    when 'square'
+      assign aspect_ratio = '1-1'
+  endcase
+-%}
+
+<div class="article-card{% if settings.enable_image_zoom %} hover-zoom{% endif %}">
+  {%- if article.image -%}
+    <a href="{{ article.url }}" class="article-card__media-link">
+      <div class="article-card__media media aspect-{{ aspect_ratio }}">
+        {{
+          article.image
+          | image_url: width: 800
+          | image_tag:
+            loading: 'lazy',
+            sizes: '(min-width: 1200px) 33vw, (min-width: 750px) 50vw, 100vw',
+            widths: '165, 360, 535, 750, 1000',
+            class: 'article-card__image'
+        }}
+      </div>
+    </a>
+  {%- endif -%}
+
+  <div class="article-card__content">
+    {%- if show_tags and article.tags.size > 0 -%}
+      <div class="article-card__tags">
+        {%- for tag in article.tags limit: 2 -%}
+          <a href="{{ article.url }}/tagged/{{ tag | handle }}" class="article-card__tag">
+            {{ tag }}
+          </a>
+        {%- endfor -%}
+      </div>
+    {%- endif -%}
+
+    <h3 class="article-card__title h4">
+      <a href="{{ article.url }}">{{ article.title }}</a>
+    </h3>
+
+    {%- if show_excerpt and article.excerpt_or_content != blank -%}
+      <p class="article-card__excerpt">
+        {{ article.excerpt_or_content | strip_html | truncate: 150 }}
+      </p>
+    {%- endif -%}
+
+    <div class="article-card__meta">
+      {%- if show_author -%}
+        <span class="article-card__author">{{ article.author }}</span>
+      {%- endif -%}
+      {%- if show_author and show_date -%}
+        <span class="article-card__separator">·</span>
+      {%- endif -%}
+      {%- if show_date -%}
+        <time class="article-card__date" datetime="{{ article.published_at | date: '%Y-%m-%d' }}">
+          {{ article.published_at | date: format: 'abbreviated_date' }}
+        </time>
+      {%- endif -%}
+    </div>
+  </div>
+</div>
diff --git a/snippets/collection-card.liquid b/snippets/collection-card.liquid
new file mode 100644
index 00000000..93c9e8ec
--- /dev/null
+++ b/snippets/collection-card.liquid
@@ -0,0 +1,63 @@
+{% comment %}
+  Collection Card Snippet - Influence Theme
+  Renders a collection card with image and optional product count
+
+  Usage:
+  {% render 'collection-card', collection: collection %}
+  {% render 'collection-card', collection: collection, show_count: true, image_ratio: 'portrait' %}
+{% endcomment %}
+
+{%- liquid
+  assign show_count = show_count | default: settings.show_collection_count
+  assign image_ratio = image_ratio | default: 'landscape'
+
+  case image_ratio
+    when 'landscape'
+      assign aspect_ratio = '3-2'
+    when 'portrait'
+      assign aspect_ratio = '2-3'
+    when 'square'
+      assign aspect_ratio = '1-1'
+  endcase
+-%}
+
+<div class="collection-card{% if settings.enable_image_zoom %} hover-zoom{% endif %}">
+  <a href="{{ collection.url }}" class="collection-card__link">
+    <div class="collection-card__media media aspect-{{ aspect_ratio }}">
+      {%- if collection.image -%}
+        {{
+          collection.image
+          | image_url: width: 800
+          | image_tag:
+            loading: 'lazy',
+            sizes: '(min-width: 1200px) 33vw, (min-width: 750px) 50vw, 100vw',
+            widths: '165, 360, 535, 750, 1000',
+            class: 'collection-card__image'
+        }}
+      {%- elsif collection.products.first.featured_media -%}
+        {{
+          collection.products.first.featured_media
+          | image_url: width: 800
+          | image_tag:
+            loading: 'lazy',
+            sizes: '(min-width: 1200px) 33vw, (min-width: 750px) 50vw, 100vw',
+            widths: '165, 360, 535, 750, 1000',
+            class: 'collection-card__image'
+        }}
+      {%- else -%}
+        {{ 'collection-1' | placeholder_svg_tag: 'collection-card__placeholder' }}
+      {%- endif -%}
+
+      <div class="collection-card__overlay"></div>
+    </div>
+
+    <div class="collection-card__content">
+      <h3 class="collection-card__title h4">{{ collection.title }}</h3>
+      {%- if show_count -%}
+        <p class="collection-card__count">
+          {{ 'collection.products_count' | t: count: collection.products_count }}
+        </p>
+      {%- endif -%}
+    </div>
+  </a>
+</div>
diff --git a/snippets/color-scheme.liquid b/snippets/color-scheme.liquid
new file mode 100644
index 00000000..3645f8ed
--- /dev/null
+++ b/snippets/color-scheme.liquid
@@ -0,0 +1,15 @@
+{% comment %}
+  Color Scheme Snippet
+  Outputs the CSS class for a color scheme from the color_scheme_group settings
+
+  Usage:
+  {% render 'color-scheme', scheme: section.settings.color_scheme %}
+
+  Or inline as a class:
+  <div class="{% render 'color-scheme', scheme: section.settings.color_scheme %}">
+
+  The color_scheme setting type returns a color_scheme object which has an id property.
+  This snippet outputs the class name in the format: color-{scheme_id}
+{% endcomment %}
+
+{%- if scheme != blank -%}color-{{ scheme }}{%- endif -%}
diff --git a/snippets/css-variables.liquid b/snippets/css-variables.liquid
index 99b5497a..410d6589 100644
--- a/snippets/css-variables.liquid
+++ b/snippets/css-variables.liquid
@@ -1,18 +1,258 @@
+{% comment %}
+  CSS Variables - Influence Theme Design System
+  Comprehensive design tokens for typography, spacing, colors, and animations
+{% endcomment %}
+
 {% style %}
-  {% # Loads all font variantions with display: swap %}
-  {{ settings.type_primary_font | font_face: font_display: 'swap' }}
-  {{ settings.type_primary_font | font_modify: 'weight', 'bold' | font_face: font_display: 'swap' }}
-  {{ settings.type_primary_font | font_modify: 'weight', 'bold' | font_modify: 'style', 'italic' | font_face: font_display: 'swap' }}
-  {{ settings.type_primary_font | font_modify: 'style', 'italic' | font_face: font_display: 'swap' }}
+  {%- comment -%} Load heading font variants {%- endcomment -%}
+  {{ settings.type_heading_font | font_face: font_display: 'swap' }}
+  {{ settings.type_heading_font | font_modify: 'weight', 'bold' | font_face: font_display: 'swap' }}
+  {{ settings.type_heading_font | font_modify: 'style', 'italic' | font_face: font_display: 'swap' }}
+  {{ settings.type_heading_font | font_modify: 'weight', 'bold' | font_modify: 'style', 'italic' | font_face: font_display: 'swap' }}
+
+  {%- comment -%} Load body font variants {%- endcomment -%}
+  {{ settings.type_body_font | font_face: font_display: 'swap' }}
+  {{ settings.type_body_font | font_modify: 'weight', 'bold' | font_face: font_display: 'swap' }}
+  {{ settings.type_body_font | font_modify: 'style', 'italic' | font_face: font_display: 'swap' }}
+  {{ settings.type_body_font | font_modify: 'weight', 'bold' | font_modify: 'style', 'italic' | font_face: font_display: 'swap' }}
 
   :root {
-    --font-primary--family: {{ settings.type_primary_font.family }}, {{ settings.type_primary_font.fallback_families }};
-    --font-primary--style: {{ settings.type_primary_font.style }};
-    --font-primary--weight: {{ settings.type_primary_font.weight }};
+    /* ========================================
+       TYPOGRAPHY
+       ======================================== */
+
+    /* Font Families */
+    --font-heading-family: {{ settings.type_heading_font.family }}, {{ settings.type_heading_font.fallback_families }};
+    --font-heading-style: {{ settings.type_heading_font.style }};
+    --font-heading-weight: {{ settings.type_heading_font.weight }};
+
+    --font-body-family: {{ settings.type_body_font.family }}, {{ settings.type_body_font.fallback_families }};
+    --font-body-style: {{ settings.type_body_font.style }};
+    --font-body-weight: {{ settings.type_body_font.weight }};
+
+    /* Font Size Scale (Fluid Typography) */
+    --font-size-xs: clamp(0.6875rem, 0.65rem + 0.1vw, 0.75rem);      /* 11-12px */
+    --font-size-sm: clamp(0.75rem, 0.7rem + 0.15vw, 0.875rem);       /* 12-14px */
+    --font-size-base: clamp(0.875rem, 0.8rem + 0.2vw, 1rem);         /* 14-16px */
+    --font-size-md: clamp(1rem, 0.9rem + 0.3vw, 1.125rem);           /* 16-18px */
+    --font-size-lg: clamp(1.125rem, 1rem + 0.4vw, 1.375rem);         /* 18-22px */
+    --font-size-xl: clamp(1.25rem, 1.1rem + 0.5vw, 1.625rem);        /* 20-26px */
+    --font-size-2xl: clamp(1.5rem, 1.3rem + 0.7vw, 2rem);            /* 24-32px */
+    --font-size-3xl: clamp(1.875rem, 1.5rem + 1vw, 2.5rem);          /* 30-40px */
+    --font-size-4xl: clamp(2.25rem, 1.8rem + 1.5vw, 3.25rem);        /* 36-52px */
+    --font-size-5xl: clamp(2.75rem, 2rem + 2vw, 4rem);               /* 44-64px */
+    --font-size-display: clamp(3.5rem, 2.5rem + 3vw, 6rem);          /* 56-96px */
+
+    /* Line Heights */
+    --line-height-tight: 1.1;
+    --line-height-snug: 1.25;
+    --line-height-normal: 1.5;
+    --line-height-relaxed: 1.625;
+    --line-height-loose: 2;
+
+    /* Letter Spacing */
+    --letter-spacing-tighter: -0.05em;
+    --letter-spacing-tight: -0.025em;
+    --letter-spacing-normal: 0;
+    --letter-spacing-wide: 0.025em;
+    --letter-spacing-wider: 0.05em;
+    --letter-spacing-widest: 0.1em;
+
+    /* ========================================
+       SPACING (8px base scale)
+       ======================================== */
+    --space-0: 0;
+    --space-1: 0.25rem;   /* 4px */
+    --space-2: 0.5rem;    /* 8px */
+    --space-3: 0.75rem;   /* 12px */
+    --space-4: 1rem;      /* 16px */
+    --space-5: 1.25rem;   /* 20px */
+    --space-6: 1.5rem;    /* 24px */
+    --space-8: 2rem;      /* 32px */
+    --space-10: 2.5rem;   /* 40px */
+    --space-12: 3rem;     /* 48px */
+    --space-16: 4rem;     /* 64px */
+    --space-20: 5rem;     /* 80px */
+    --space-24: 6rem;     /* 96px */
+    --space-32: 8rem;     /* 128px */
+    --space-40: 10rem;    /* 160px */
+    --space-48: 12rem;    /* 192px */
+
+    /* Section Spacing (responsive) */
+    --section-spacing-sm: clamp(2rem, 4vw, 3rem);
+    --section-spacing-md: clamp(3rem, 6vw, 5rem);
+    --section-spacing-lg: clamp(4rem, 8vw, 7rem);
+    --section-spacing-xl: clamp(5rem, 10vw, 10rem);
+
+    /* Grid Gap */
+    --grid-gap-sm: clamp(0.75rem, 2vw, 1rem);
+    --grid-gap-md: clamp(1rem, 2.5vw, 1.5rem);
+    --grid-gap-lg: clamp(1.5rem, 3vw, 2rem);
+    --grid-gap-xl: clamp(2rem, 4vw, 3rem);
+
+    /* ========================================
+       LAYOUT
+       ======================================== */
     --page-width: {{ settings.max_page_width }};
     --page-margin: {{ settings.min_page_margin }}px;
-    --color-background: {{ settings.background_color }};
-    --color-foreground: {{ settings.foreground_color }};
-    --style-border-radius-inputs: {{ settings.input_corner_radius }}px;
+    --page-margin-mobile: max({{ settings.min_page_margin | divided_by: 2 }}px, 16px);
+
+    /* Content widths */
+    --content-width-narrow: 40rem;   /* 640px - for reading */
+    --content-width-medium: 60rem;   /* 960px - for content */
+    --content-width-wide: 80rem;     /* 1280px - for layouts */
+
+    /* Z-index scale */
+    --z-below: -1;
+    --z-base: 0;
+    --z-above: 1;
+    --z-dropdown: 100;
+    --z-sticky: 200;
+    --z-fixed: 300;
+    --z-overlay: 400;
+    --z-modal: 500;
+    --z-toast: 600;
+
+    /* ========================================
+       COLORS
+       ======================================== */
+
+    /* Semantic Colors */
+    --color-sale: {{ settings.color_sale }};
+    --color-error: {{ settings.color_error }};
+    --color-success: {{ settings.color_success }};
+
+    /* Default color scheme (applied to body) */
+    --color-background: {{ settings.color_schemes.scheme_1.settings.background }};
+    --color-foreground: {{ settings.color_schemes.scheme_1.settings.text }};
+    --color-button: {{ settings.color_schemes.scheme_1.settings.button }};
+    --color-button-label: {{ settings.color_schemes.scheme_1.settings.button_label }};
+    --color-secondary-button-label: {{ settings.color_schemes.scheme_1.settings.secondary_button_label }};
+    --color-shadow: {{ settings.color_schemes.scheme_1.settings.shadow }};
+    --color-accent: {{ settings.color_schemes.scheme_1.settings.button }};
+    --color-muted: color-mix(in srgb, {{ settings.color_schemes.scheme_1.settings.text }} 60%, {{ settings.color_schemes.scheme_1.settings.background }});
+
+    /* ========================================
+       ANIMATION
+       ======================================== */
+
+    /* Durations */
+    --duration-instant: 0ms;
+    --duration-fast: 150ms;
+    --duration-normal: 300ms;
+    --duration-slow: 500ms;
+    --duration-slower: 700ms;
+    --duration-slowest: 1000ms;
+
+    /* Easing Functions */
+    --ease-linear: linear;
+    --ease-in: cubic-bezier(0.4, 0, 1, 1);
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+    --ease-elegant: cubic-bezier(0.25, 0.1, 0.25, 1);
+    --ease-dramatic: cubic-bezier(0.6, 0, 0.2, 1);
+
+    /* Animation toggle (respects user preference) */
+    --animation-enabled: {{ settings.enable_animations | default: true }};
+
+    /* ========================================
+       BORDERS & RADIUS
+       ======================================== */
+    --border-width: 1px;
+    --border-width-thick: 2px;
+    --border-color: var(--color-muted);
+    --border-color-dark: var(--color-foreground);
+
+    --radius-none: 0;
+    --radius-sm: 0.125rem;    /* 2px */
+    --radius-md: 0.25rem;     /* 4px */
+    --radius-lg: 0.5rem;      /* 8px */
+    --radius-xl: 1rem;        /* 16px */
+    --radius-full: 9999px;
+
+    --radius-inputs: {{ settings.input_corner_radius }}px;
+    --radius-buttons: {{ settings.button_corner_radius }}px;
+
+    /* ========================================
+       SHADOWS
+       ======================================== */
+    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+
+    /* ========================================
+       FOCUS & ACCESSIBILITY
+       ======================================== */
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: var(--color-accent);
+
+    /* Minimum touch target size */
+    --touch-target-min: 44px;
+
+    /* ========================================
+       HEADER
+       ======================================== */
+    --header-height: 4rem;
+    --header-height-scrolled: 3.5rem;
+    --announcement-bar-height: 2.5rem;
+
+    /* ========================================
+       PRODUCT
+       ======================================== */
+    --product-card-aspect-ratio: {{ settings.product_card_aspect_ratio | default: '3/4' }};
+    --product-card-gap: var(--grid-gap-md);
+
+    /* ========================================
+       BUTTONS
+       ======================================== */
+    --button-height: 3rem;
+    --button-height-sm: 2.25rem;
+    --button-height-lg: 3.5rem;
+    --button-padding-x: var(--space-6);
+    --button-font-size: var(--font-size-sm);
+    --button-text-transform: {% if settings.button_uppercase %}uppercase{% else %}none{% endif %};
+    --button-letter-spacing: {% if settings.button_uppercase %}var(--letter-spacing-wider){% else %}var(--letter-spacing-normal){% endif %};
+  }
+
+  /* Reduced motion preference */
+  @media (prefers-reduced-motion: reduce) {
+    :root {
+      --duration-fast: 0ms;
+      --duration-normal: 0ms;
+      --duration-slow: 0ms;
+      --duration-slower: 0ms;
+      --duration-slowest: 0ms;
+    }
+  }
+
+  /* Mobile adjustments */
+  @media (max-width: 749px) {
+    :root {
+      --page-margin: var(--page-margin-mobile);
+    }
   }
+
+  /* ========================================
+     COLOR SCHEME CLASSES
+     Generated from color_scheme_group settings
+     ======================================== */
+  {%- for scheme in settings.color_schemes -%}
+    .color-{{ scheme.id }} {
+      --color-background: {{ scheme.settings.background }};
+      --color-foreground: {{ scheme.settings.text }};
+      --color-button: {{ scheme.settings.button }};
+      --color-button-label: {{ scheme.settings.button_label }};
+      --color-secondary-button-label: {{ scheme.settings.secondary_button_label }};
+      --color-shadow: {{ scheme.settings.shadow }};
+      --color-accent: {{ scheme.settings.button }};
+      --color-muted: color-mix(in srgb, {{ scheme.settings.text }} 60%, {{ scheme.settings.background }});
+      --border-color: color-mix(in srgb, {{ scheme.settings.text }} 20%, {{ scheme.settings.background }});
+      background-color: var(--color-background);
+      color: var(--color-foreground);
+    }
+  {%- endfor -%}
 {% endstyle %}
diff --git a/snippets/follow-on-shop.liquid b/snippets/follow-on-shop.liquid
new file mode 100644
index 00000000..5618903a
--- /dev/null
+++ b/snippets/follow-on-shop.liquid
@@ -0,0 +1,26 @@
+{% comment %}
+  Follow on Shop Button - Influence Theme
+  Required Theme Store feature using login_button filter
+
+  Usage:
+  {% render 'follow-on-shop' %}
+  {% render 'follow-on-shop', class: 'footer__follow-shop' %}
+
+  Parameters:
+  - class: (optional) Additional CSS classes
+{% endcomment %}
+
+{%- liquid
+  assign follow_class = 'follow-on-shop'
+  if class != blank
+    assign follow_class = follow_class | append: ' ' | append: class
+  endif
+-%}
+
+{%- if shop.features.follow_on_shop? -%}
+  <div class="{{ follow_class }}">
+    {% form 'follow' %}
+      {{ form | login_button: action: 'follow' }}
+    {% endform %}
+  </div>
+{%- endif -%}
diff --git a/snippets/footer-contact-content.liquid b/snippets/footer-contact-content.liquid
new file mode 100644
index 00000000..0149429d
--- /dev/null
+++ b/snippets/footer-contact-content.liquid
@@ -0,0 +1,41 @@
+{% comment %}
+  Footer Contact Content Snippet - Influence Theme
+  Displays contact information in footer contact block
+
+  Usage:
+  {% render 'footer-contact-content', block: block %}
+{% endcomment %}
+
+<ul class="footer__contact-list">
+  {%- if block.settings.phone != blank -%}
+    <li class="footer__contact-item">
+      {% render 'icon', icon: 'phone', size: 'sm' %}
+      <a href="tel:{{ block.settings.phone | replace: ' ', '' | replace: '-', '' }}" class="footer__link">
+        {{ block.settings.phone }}
+      </a>
+    </li>
+  {%- endif -%}
+
+  {%- if block.settings.email != blank -%}
+    <li class="footer__contact-item">
+      {% render 'icon', icon: 'mail', size: 'sm' %}
+      <a href="mailto:{{ block.settings.email }}" class="footer__link">
+        {{ block.settings.email }}
+      </a>
+    </li>
+  {%- endif -%}
+
+  {%- if block.settings.address != blank -%}
+    <li class="footer__contact-item footer__contact-item--address">
+      {% render 'icon', icon: 'map-pin', size: 'sm' %}
+      <span>{{ block.settings.address | newline_to_br }}</span>
+    </li>
+  {%- endif -%}
+
+  {%- if block.settings.hours != blank -%}
+    <li class="footer__contact-item">
+      {% render 'icon', icon: 'clock', size: 'sm' %}
+      <span>{{ block.settings.hours }}</span>
+    </li>
+  {%- endif -%}
+</ul>
diff --git a/snippets/header-localization.liquid b/snippets/header-localization.liquid
new file mode 100644
index 00000000..067b7325
--- /dev/null
+++ b/snippets/header-localization.liquid
@@ -0,0 +1,70 @@
+{% comment %}
+  Header Localization - Country/Currency and Language Selectors
+  Used in header utility bar and mobile drawer
+
+  Usage:
+  {% render 'header-localization' %}
+{% endcomment %}
+
+{%- liquid
+  assign show_country = localization.available_countries.size > 1
+  assign show_language = localization.available_languages.size > 1
+-%}
+
+{%- if show_country or show_language -%}
+  <div class="header-localization">
+    {%- comment -%} Language Selector {%- endcomment -%}
+    {%- if show_language -%}
+      <div class="header-localization__item">
+        {%- form 'localization', id: 'header-language-form', class: 'header-localization__form' -%}
+          <label for="header-language-select" class="visually-hidden">
+            {{ 'localization.language_label' | t }}
+          </label>
+          <select
+            id="header-language-select"
+            name="locale_code"
+            class="header-localization__select"
+            onchange="this.form.submit()"
+          >
+            {%- for language in localization.available_languages -%}
+              <option
+                value="{{ language.iso_code }}"
+                {% if language.iso_code == localization.language.iso_code %}selected{% endif %}
+              >
+                {{ language.endonym_name | capitalize }}
+              </option>
+            {%- endfor -%}
+          </select>
+          {% render 'icon', icon: 'chevron-down', size: 'sm', class: 'header-localization__icon' %}
+        {%- endform -%}
+      </div>
+    {%- endif -%}
+
+    {%- comment -%} Country/Currency Selector {%- endcomment -%}
+    {%- if show_country -%}
+      <div class="header-localization__item">
+        {%- form 'localization', id: 'header-country-form', class: 'header-localization__form' -%}
+          <label for="header-country-select" class="visually-hidden">
+            {{ 'localization.country_label' | t }}
+          </label>
+          <select
+            id="header-country-select"
+            name="country_code"
+            class="header-localization__select"
+            onchange="this.form.submit()"
+          >
+            {%- for country in localization.available_countries -%}
+              <option
+                value="{{ country.iso_code }}"
+                {% if country.iso_code == localization.country.iso_code %}selected{% endif %}
+              >
+                {{ country.name }} ({{ country.currency.iso_code }} {{ country.currency.symbol }})
+              </option>
+            {%- endfor -%}
+          </select>
+          {% render 'icon', icon: 'chevron-down', size: 'sm', class: 'header-localization__icon' %}
+        {%- endform -%}
+      </div>
+    {%- endif -%}
+  </div>
+{%- endif -%}
diff --git a/snippets/icon.liquid b/snippets/icon.liquid
new file mode 100644
index 00000000..47e4db34
--- /dev/null
+++ b/snippets/icon.liquid
@@ -0,0 +1,43 @@
+{% comment %}
+  Icon Snippet - Renders SVG icons from the sprite
+
+  Usage:
+  {% render 'icon', icon: 'cart' %}
+  {% render 'icon', icon: 'search', size: 'lg' %}
+  {% render 'icon', icon: 'menu', class: 'header__icon' %}
+
+  Parameters:
+  - icon: (required) Name of the icon
+  - size: (optional) 'sm', 'md' (default), 'lg'
+  - class: (optional) Additional CSS classes
+  - aria_label: (optional) Accessible label for the icon
+{% endcomment %}
+
+{%- liquid
+  assign icon_class = 'icon'
+
+  case size
+    when 'sm'
+      assign icon_class = icon_class | append: ' icon--sm'
+    when 'lg'
+      assign icon_class = icon_class | append: ' icon--lg'
+  endcase
+
+  if class != blank
+    assign icon_class = icon_class | append: ' ' | append: class
+  endif
+-%}
+
+<svg
+  class="{{ icon_class }}"
+  viewBox="0 0 24 24"
+  {% if aria_label %}
+    aria-label="{{ aria_label }}"
+    role="img"
+  {% else %}
+    aria-hidden="true"
+    focusable="false"
+  {% endif %}
+>
+  <use href="#icon-{{ icon }}"></use>
+</svg>
diff --git a/snippets/icons-sprite.liquid b/snippets/icons-sprite.liquid
new file mode 100644
index 00000000..479b6c6f
--- /dev/null
+++ b/snippets/icons-sprite.liquid
@@ -0,0 +1,302 @@
+{% comment %}
+  Icons Sprite - SVG symbols for icon references
+  This allows using icons via <use href="#icon-name">
+{% endcomment %}
+
+<svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; width: 0; height: 0; overflow: hidden;">
+  <!-- Navigation Icons -->
+  <symbol id="icon-menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="3" y1="6" x2="21" y2="6"/>
+    <line x1="3" y1="12" x2="21" y2="12"/>
+    <line x1="3" y1="18" x2="21" y2="18"/>
+  </symbol>
+
+  <symbol id="icon-close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="18" y1="6" x2="6" y2="18"/>
+    <line x1="6" y1="6" x2="18" y2="18"/>
+  </symbol>
+
+  <symbol id="icon-search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="11" cy="11" r="8"/>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"/>
+  </symbol>
+
+  <symbol id="icon-cart" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/>
+    <line x1="3" y1="6" x2="21" y2="6"/>
+    <path d="M16 10a4 4 0 0 1-8 0"/>
+  </symbol>
+
+  <symbol id="icon-account" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
+    <circle cx="12" cy="7" r="4"/>
+  </symbol>
+
+  <!-- Chevrons -->
+  <symbol id="icon-chevron-down" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="6 9 12 15 18 9"/>
+  </symbol>
+
+  <symbol id="icon-chevron-up" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="18 15 12 9 6 15"/>
+  </symbol>
+
+  <symbol id="icon-chevron-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="15 18 9 12 15 6"/>
+  </symbol>
+
+  <symbol id="icon-chevron-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="9 18 15 12 9 6"/>
+  </symbol>
+
+  <!-- Arrows -->
+  <symbol id="icon-arrow-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="19" y1="12" x2="5" y2="12"/>
+    <polyline points="12 19 5 12 12 5"/>
+  </symbol>
+
+  <symbol id="icon-arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="5" y1="12" x2="19" y2="12"/>
+    <polyline points="12 5 19 12 12 19"/>
+  </symbol>
+
+  <symbol id="icon-external-link" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
+    <polyline points="15 3 21 3 21 9"/>
+    <line x1="10" y1="14" x2="21" y2="3"/>
+  </symbol>
+
+  <!-- Actions -->
+  <symbol id="icon-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="12" y1="5" x2="12" y2="19"/>
+    <line x1="5" y1="12" x2="19" y2="12"/>
+  </symbol>
+
+  <symbol id="icon-minus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="5" y1="12" x2="19" y2="12"/>
+  </symbol>
+
+  <symbol id="icon-check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="20 6 9 17 4 12"/>
+  </symbol>
+
+  <symbol id="icon-trash" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="3 6 5 6 21 6"/>
+    <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
+  </symbol>
+
+  <symbol id="icon-heart" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+  </symbol>
+
+  <symbol id="icon-heart-filled" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+  </symbol>
+
+  <symbol id="icon-share" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="18" cy="5" r="3"/>
+    <circle cx="6" cy="12" r="3"/>
+    <circle cx="18" cy="19" r="3"/>
+    <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/>
+    <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/>
+  </symbol>
+
+  <symbol id="icon-edit" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
+    <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
+  </symbol>
+
+  <!-- Social Media -->
+  <symbol id="icon-facebook" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/>
+  </symbol>
+
+  <symbol id="icon-instagram" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="2" y="2" width="20" height="20" rx="5" ry="5"/>
+    <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/>
+    <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/>
+  </symbol>
+
+  <symbol id="icon-twitter" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+  </symbol>
+
+  <symbol id="icon-pinterest" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z"/>
+  </symbol>
+
+  <symbol id="icon-youtube" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
+  </symbol>
+
+  <symbol id="icon-tiktok" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/>
+  </symbol>
+
+  <symbol id="icon-linkedin" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+  </symbol>
+
+  <!-- Status & Info -->
+  <symbol id="icon-info" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="12" cy="12" r="10"/>
+    <line x1="12" y1="16" x2="12" y2="12"/>
+    <line x1="12" y1="8" x2="12.01" y2="8"/>
+  </symbol>
+
+  <symbol id="icon-alert-circle" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="12" cy="12" r="10"/>
+    <line x1="12" y1="8" x2="12" y2="12"/>
+    <line x1="12" y1="16" x2="12.01" y2="16"/>
+  </symbol>
+
+  <symbol id="icon-check-circle" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
+    <polyline points="22 4 12 14.01 9 11.01"/>
+  </symbol>
+
+  <!-- E-commerce -->
+  <symbol id="icon-tag" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/>
+    <line x1="7" y1="7" x2="7.01" y2="7"/>
+  </symbol>
+
+  <symbol id="icon-gift" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="20 12 20 22 4 22 4 12"/>
+    <rect x="2" y="7" width="20" height="5"/>
+    <line x1="12" y1="22" x2="12" y2="7"/>
+    <path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"/>
+    <path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/>
+  </symbol>
+
+  <symbol id="icon-truck" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="1" y="3" width="15" height="13"/>
+    <polygon points="16 8 20 8 23 11 23 16 16 16 16 8"/>
+    <circle cx="5.5" cy="18.5" r="2.5"/>
+    <circle cx="18.5" cy="18.5" r="2.5"/>
+  </symbol>
+
+  <symbol id="icon-package" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="16.5" y1="9.4" x2="7.5" y2="4.21"/>
+    <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
+    <polyline points="3.27 6.96 12 12.01 20.73 6.96"/>
+    <line x1="12" y1="22.08" x2="12" y2="12"/>
+  </symbol>
+
+  <symbol id="icon-credit-card" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="1" y="4" width="22" height="16" rx="2" ry="2"/>
+    <line x1="1" y1="10" x2="23" y2="10"/>
+  </symbol>
+
+  <symbol id="icon-lock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
+    <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
+  </symbol>
+
+  <!-- Media -->
+  <symbol id="icon-play" viewBox="0 0 24 24" fill="currentColor">
+    <polygon points="5 3 19 12 5 21 5 3"/>
+  </symbol>
+
+  <symbol id="icon-pause" viewBox="0 0 24 24" fill="currentColor">
+    <rect x="6" y="4" width="4" height="16"/>
+    <rect x="14" y="4" width="4" height="16"/>
+  </symbol>
+
+  <symbol id="icon-volume" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/>
+    <path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"/>
+  </symbol>
+
+  <symbol id="icon-volume-mute" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/>
+    <line x1="23" y1="9" x2="17" y2="15"/>
+    <line x1="17" y1="9" x2="23" y2="15"/>
+  </symbol>
+
+  <symbol id="icon-maximize" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="15 3 21 3 21 9"/>
+    <polyline points="9 21 3 21 3 15"/>
+    <line x1="21" y1="3" x2="14" y2="10"/>
+    <line x1="3" y1="21" x2="10" y2="14"/>
+  </symbol>
+
+  <symbol id="icon-zoom-in" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="11" cy="11" r="8"/>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"/>
+    <line x1="11" y1="8" x2="11" y2="14"/>
+    <line x1="8" y1="11" x2="14" y2="11"/>
+  </symbol>
+
+  <!-- Misc -->
+  <symbol id="icon-filter" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/>
+  </symbol>
+
+  <symbol id="icon-grid" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="3" width="7" height="7"/>
+    <rect x="14" y="3" width="7" height="7"/>
+    <rect x="14" y="14" width="7" height="7"/>
+    <rect x="3" y="14" width="7" height="7"/>
+  </symbol>
+
+  <symbol id="icon-list" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="8" y1="6" x2="21" y2="6"/>
+    <line x1="8" y1="12" x2="21" y2="12"/>
+    <line x1="8" y1="18" x2="21" y2="18"/>
+    <line x1="3" y1="6" x2="3.01" y2="6"/>
+    <line x1="3" y1="12" x2="3.01" y2="12"/>
+    <line x1="3" y1="18" x2="3.01" y2="18"/>
+  </symbol>
+
+  <symbol id="icon-mail" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
+    <polyline points="22,6 12,13 2,6"/>
+  </symbol>
+
+  <symbol id="icon-phone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
+  </symbol>
+
+  <symbol id="icon-map-pin" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
+    <circle cx="12" cy="10" r="3"/>
+  </symbol>
+
+  <symbol id="icon-star" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
+  </symbol>
+
+  <symbol id="icon-star-filled" viewBox="0 0 24 24" fill="currentColor">
+    <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
+  </symbol>
+
+  <symbol id="icon-calendar" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
+    <line x1="16" y1="2" x2="16" y2="6"/>
+    <line x1="8" y1="2" x2="8" y2="6"/>
+    <line x1="3" y1="10" x2="21" y2="10"/>
+  </symbol>
+
+  <symbol id="icon-clock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="12" cy="12" r="10"/>
+    <polyline points="12 6 12 12 16 14"/>
+  </symbol>
+
+  <symbol id="icon-refresh" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="23 4 23 10 17 10"/>
+    <polyline points="1 20 1 14 7 14"/>
+    <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/>
+  </symbol>
+
+  <symbol id="icon-loader" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="12" y1="2" x2="12" y2="6"/>
+    <line x1="12" y1="18" x2="12" y2="22"/>
+    <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"/>
+    <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"/>
+    <line x1="2" y1="12" x2="6" y2="12"/>
+    <line x1="18" y1="12" x2="22" y2="12"/>
+    <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"/>
+    <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"/>
+  </symbol>
+</svg>
diff --git a/snippets/predictive-search.liquid b/snippets/predictive-search.liquid
new file mode 100644
index 00000000..c9b71c54
--- /dev/null
+++ b/snippets/predictive-search.liquid
@@ -0,0 +1,429 @@
+{% comment %}
+  Predictive Search Component - Influence Theme
+  Provides real-time search suggestions with products, collections, articles, and pages
+
+  Usage:
+  {% render 'predictive-search' %}
+{% endcomment %}
+
+<predictive-search class="predictive-search" data-predictive-search>
+  <form
+    action="{{ routes.search_url }}"
+    method="get"
+    role="search"
+    class="predictive-search__form"
+  >
+    <div class="predictive-search__input-wrapper">
+      <label for="predictive-search-input" class="visually-hidden">
+        {{ 'search.placeholder' | t }}
+      </label>
+      {% render 'icon', icon: 'search', class: 'predictive-search__icon' %}
+      <input
+        type="search"
+        id="predictive-search-input"
+        name="q"
+        class="predictive-search__input form-input"
+        placeholder="{{ 'search.placeholder' | t }}"
+        autocomplete="off"
+        autocorrect="off"
+        autocapitalize="off"
+        spellcheck="false"
+        data-predictive-search-input
+        aria-controls="predictive-search-results"
+        aria-expanded="false"
+        aria-autocomplete="list"
+        aria-haspopup="listbox"
+      >
+      <input type="hidden" name="type" value="product,article,page">
+      <button
+        type="button"
+        class="predictive-search__clear"
+        aria-label="{{ 'accessibility.close' | t }}"
+        data-predictive-search-clear
+        hidden
+      >
+        {% render 'icon', icon: 'close', size: 'sm' %}
+      </button>
+    </div>
+
+    <button type="submit" class="predictive-search__submit btn btn--primary">
+      {{ 'search.search' | t }}
+    </button>
+
+    <button
+      type="button"
+      class="predictive-search__close"
+      aria-label="{{ 'accessibility.close' | t }}"
+      data-search-close
+    >
+      {% render 'icon', icon: 'close' %}
+    </button>
+  </form>
+
+  <div
+    id="predictive-search-results"
+    class="predictive-search__results"
+    role="listbox"
+    aria-label="{{ 'search.results' | t }}"
+    data-predictive-search-results
+    hidden
+  >
+    <div class="predictive-search__loading" data-predictive-search-loading hidden>
+      <span class="predictive-search__loading-spinner"></span>
+      <span>{{ 'search.loading' | t }}</span>
+    </div>
+
+    <div class="predictive-search__content" data-predictive-search-content>
+      {%- comment -%} Results populated via JavaScript {%- endcomment -%}
+    </div>
+  </div>
+</predictive-search>
+
+<script>
+  class PredictiveSearch extends HTMLElement {
+    constructor() {
+      super();
+      this.input = this.querySelector('[data-predictive-search-input]');
+      this.results = this.querySelector('[data-predictive-search-results]');
+      this.content = this.querySelector('[data-predictive-search-content]');
+      this.loading = this.querySelector('[data-predictive-search-loading]');
+      this.clearButton = this.querySelector('[data-predictive-search-clear]');
+      this.closeButton = this.querySelector('[data-search-close]');
+      this.form = this.querySelector('form');
+
+      this.cachedResults = {};
+      this.debounceTimeout = null;
+      this.selectedIndex = -1;
+      this.abortController = null;
+
+      this.setupEventListeners();
+    }
+
+    setupEventListeners() {
+      // Input handling with debounce
+      this.input.addEventListener('input', this.onInput.bind(this));
+
+      // Keyboard navigation
+      this.input.addEventListener('keydown', this.onKeydown.bind(this));
+
+      // Clear button
+      this.clearButton?.addEventListener('click', this.onClear.bind(this));
+
+      // Close button
+      this.closeButton?.addEventListener('click', () => {
+        this.close();
+        const searchContainer = document.querySelector('[data-search-container]');
+        if (searchContainer) searchContainer.hidden = true;
+      });
+
+      // Close on click outside
+      document.addEventListener('click', (e) => {
+        if (!this.contains(e.target)) {
+          this.close();
+        }
+      });
+
+      // Focus handling
+      this.input.addEventListener('focus', () => {
+        if (this.input.value.length >= 2) {
+          this.open();
+        }
+      });
+    }
+
+    onInput() {
+      const query = this.input.value.trim();
+
+      // Show/hide clear button
+      this.clearButton.hidden = query.length === 0;
+
+      // Clear previous timeout
+      clearTimeout(this.debounceTimeout);
+
+      if (query.length < 2) {
+        this.close();
+        return;
+      }
+
+      // Debounce search
+      this.debounceTimeout = setTimeout(() => {
+        this.search(query);
+      }, 300);
+    }
+
+    onKeydown(e) {
+      const resultItems = this.results.querySelectorAll('[data-result-item]');
+
+      switch (e.key) {
+        case 'ArrowDown':
+          e.preventDefault();
+          this.selectedIndex = Math.min(this.selectedIndex + 1, resultItems.length - 1);
+          this.updateSelection(resultItems);
+          break;
+        case 'ArrowUp':
+          e.preventDefault();
+          this.selectedIndex = Math.max(this.selectedIndex - 1, -1);
+          this.updateSelection(resultItems);
+          break;
+        case 'Enter':
+          if (this.selectedIndex >= 0 && resultItems[this.selectedIndex]) {
+            e.preventDefault();
+            const link = resultItems[this.selectedIndex].querySelector('a');
+            if (link) link.click();
+          }
+          break;
+        case 'Escape':
+          e.preventDefault();
+          this.close();
+          this.input.blur();
+          break;
+      }
+    }
+
+    updateSelection(items) {
+      items.forEach((item, index) => {
+        item.classList.toggle('is-selected', index === this.selectedIndex);
+        if (index === this.selectedIndex) {
+          item.scrollIntoView({ block: 'nearest' });
+        }
+      });
+    }
+
+    onClear() {
+      this.input.value = '';
+      this.input.focus();
+      this.close();
+      this.clearButton.hidden = true;
+    }
+
+    async search(query) {
+      // Check cache
+      if (this.cachedResults[query]) {
+        this.renderResults(this.cachedResults[query]);
+        return;
+      }
+
+      // Abort previous request
+      if (this.abortController) {
+        this.abortController.abort();
+      }
+      this.abortController = new AbortController();
+
+      this.showLoading();
+
+      try {
+        const response = await fetch(
+          `${window.Shopify.routes.root}search/suggest.json?q=${encodeURIComponent(query)}&resources[type]=product,collection,article,page&resources[limit]=6&resources[options][unavailable_products]=hide`,
+          { signal: this.abortController.signal }
+        );
+
+        if (!response.ok) throw new Error('Search failed');
+
+        const data = await response.json();
+
+        // Cache results
+        this.cachedResults[query] = data;
+
+        this.renderResults(data);
+      } catch (error) {
+        if (error.name !== 'AbortError') {
+          console.error('Predictive search error:', error);
+          this.close();
+        }
+      }
+    }
+
+    renderResults(data) {
+      const resources = data.resources?.results || {};
+      const products = resources.products || [];
+      const collections = resources.collections || [];
+      const articles = resources.articles || [];
+      const pages = resources.pages || [];
+
+      const hasResults = products.length || collections.length || articles.length || pages.length;
+
+      if (!hasResults) {
+        this.content.innerHTML = `
+          <div class="predictive-search__no-results">
+            <p>${this.getNoResultsMessage()}</p>
+            <ul class="predictive-search__suggestions">
+              <li>{{ 'search.suggestion_1' | t }}</li>
+              <li>{{ 'search.suggestion_2' | t }}</li>
+              <li>{{ 'search.suggestion_3' | t }}</li>
+            </ul>
+          </div>
+        `;
+        this.open();
+        return;
+      }
+
+      let html = '';
+      let itemIndex = 0;
+
+      // Products section
+      if (products.length) {
+        html += `
+          <div class="predictive-search__section">
+            <h3 class="predictive-search__section-title">{{ 'search.products' | t }}</h3>
+            <ul class="predictive-search__products" role="listbox">
+              ${products.map(product => {
+                const itemHtml = `
+                  <li class="predictive-search__product" data-result-item data-index="${itemIndex}" role="option">
+                    <a href="${product.url}" class="predictive-search__product-link">
+                      ${product.featured_image?.url ? `
+                        <div class="predictive-search__product-image">
+                          <img
+                            src="${this.getSizedImageUrl(product.featured_image.url, '80x')}"
+                            alt="${product.featured_image.alt || product.title}"
+                            width="60"
+                            height="75"
+                            loading="lazy"
+                          >
+                        </div>
+                      ` : `
+                        <div class="predictive-search__product-image predictive-search__product-image--placeholder">
+                          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <rect x="3" y="3" width="18" height="18" rx="2"/>
+                            <circle cx="8.5" cy="8.5" r="1.5"/>
+                            <path d="m21 15-5-5L5 21"/>
+                          </svg>
+                        </div>
+                      `}
+                      <div class="predictive-search__product-info">
+                        ${product.vendor ? `<span class="predictive-search__product-vendor">${product.vendor}</span>` : ''}
+                        <span class="predictive-search__product-title">${product.title}</span>
+                        <span class="predictive-search__product-price">${this.formatMoney(product.price)}</span>
+                      </div>
+                    </a>
+                  </li>
+                `;
+                itemIndex++;
+                return itemHtml;
+              }).join('')}
+            </ul>
+          </div>
+        `;
+      }
+
+      // Collections section
+      if (collections.length) {
+        html += `
+          <div class="predictive-search__section">
+            <h3 class="predictive-search__section-title">{{ 'search.collections' | t }}</h3>
+            <ul class="predictive-search__list" role="listbox">
+              ${collections.map(collection => {
+                const itemHtml = `
+                  <li data-result-item data-index="${itemIndex}" role="option">
+                    <a href="${collection.url}" class="predictive-search__link">
+                      ${collection.title}
+                    </a>
+                  </li>
+                `;
+                itemIndex++;
+                return itemHtml;
+              }).join('')}
+            </ul>
+          </div>
+        `;
+      }
+
+      // Articles section
+      if (articles.length) {
+        html += `
+          <div class="predictive-search__section">
+            <h3 class="predictive-search__section-title">{{ 'search.articles' | t }}</h3>
+            <ul class="predictive-search__list" role="listbox">
+              ${articles.map(article => {
+                const itemHtml = `
+                  <li data-result-item data-index="${itemIndex}" role="option">
+                    <a href="${article.url}" class="predictive-search__link">
+                      ${article.title}
+                    </a>
+                  </li>
+                `;
+                itemIndex++;
+                return itemHtml;
+              }).join('')}
+            </ul>
+          </div>
+        `;
+      }
+
+      // Pages section
+      if (pages.length) {
+        html += `
+          <div class="predictive-search__section">
+            <h3 class="predictive-search__section-title">{{ 'search.pages' | t }}</h3>
+            <ul class="predictive-search__list" role="listbox">
+              ${pages.map(page => {
+                const itemHtml = `
+                  <li data-result-item data-index="${itemIndex}" role="option">
+                    <a href="${page.url}" class="predictive-search__link">
+                      ${page.title}
+                    </a>
+                  </li>
+                `;
+                itemIndex++;
+                return itemHtml;
+              }).join('')}
+            </ul>
+          </div>
+        `;
+      }
+
+      // View all link
+      html += `
+        <div class="predictive-search__footer">
+          <a href="${window.Shopify.routes.root}search?q=${encodeURIComponent(this.input.value)}" class="predictive-search__view-all btn btn--secondary btn--sm">
+            {{ 'search.view_all' | t }}
+          </a>
+        </div>
+      `;
+
+      this.content.innerHTML = html;
+      this.selectedIndex = -1;
+      this.open();
+    }
+
+    getNoResultsMessage() {
+      return `{{ 'search.no_results' | t: terms: '${this.input.value}' }}`;
+    }
+
+    getSizedImageUrl(url, size) {
+      if (!url) return '';
+      const match = url.match(/\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif|webp)(\?v=\d+)?$/i);
+      if (match) {
+        const prefix = url.split(match[0])[0];
+        return `${prefix}_${size}${match[0]}`;
+      }
+      return url;
+    }
+
+    formatMoney(cents) {
+      if (typeof Shopify !== 'undefined' && Shopify.formatMoney) {
+        return Shopify.formatMoney(cents, window.theme?.moneyFormat || '${{ amount }}');
+      }
+      return '$' + (cents / 100).toFixed(2);
+    }
+
+    showLoading() {
+      this.loading.hidden = false;
+      this.content.innerHTML = '';
+      this.open();
+    }
+
+    open() {
+      this.results.hidden = false;
+      this.loading.hidden = true;
+      this.input.setAttribute('aria-expanded', 'true');
+    }
+
+    close() {
+      this.results.hidden = true;
+      this.input.setAttribute('aria-expanded', 'false');
+      this.selectedIndex = -1;
+    }
+  }
+
+  customElements.define('predictive-search', PredictiveSearch);
+</script>
diff --git a/snippets/price.liquid b/snippets/price.liquid
new file mode 100644
index 00000000..5ff5ab52
--- /dev/null
+++ b/snippets/price.liquid
@@ -0,0 +1,60 @@
+{% comment %}
+  Price Snippet - Influence Theme
+  Renders product price with sale, compare-at, and unit pricing
+
+  Usage:
+  {% render 'price', product: product %}
+  {% render 'price', variant: variant %}
+{% endcomment %}
+
+{%- liquid
+  if variant
+    assign target = variant
+  else
+    assign target = product.selected_or_first_available_variant
+  endif
+
+  assign on_sale = false
+  if target.compare_at_price > target.price
+    assign on_sale = true
+  endif
+
+  assign price_varies = false
+  if product and product.price_varies
+    assign price_varies = true
+  endif
+-%}
+
+<div class="price{% if on_sale %} price--on-sale{% endif %}{% if product.available == false %} price--sold-out{% endif %}">
+  {%- if on_sale -%}
+    <span class="price__sale">
+      {%- if price_varies -%}
+        {{ 'product.from' | t }}
+      {%- endif -%}
+      {{ target.price | money }}
+    </span>
+    <span class="price__compare">
+      <span class="visually-hidden">{{ 'product.regular_price' | t }}</span>
+      {{ target.compare_at_price | money }}
+    </span>
+  {%- else -%}
+    <span class="price__regular">
+      {%- if price_varies -%}
+        {{ 'product.from' | t }}
+      {%- endif -%}
+      {{ target.price | money }}
+    </span>
+  {%- endif -%}
+
+  {%- if target.unit_price_measurement -%}
+    <span class="price__unit">
+      <span class="visually-hidden">{{ 'product.unit_price' | t }}</span>
+      {{ target.unit_price | money }}
+      <span aria-hidden="true">/</span>
+      {%- if target.unit_price_measurement.reference_value != 1 -%}
+        {{ target.unit_price_measurement.reference_value }}
+      {%- endif -%}
+      {{ target.unit_price_measurement.reference_unit }}
+    </span>
+  {%- endif -%}
+</div>
diff --git a/snippets/product-card.liquid b/snippets/product-card.liquid
new file mode 100644
index 00000000..031429dd
--- /dev/null
+++ b/snippets/product-card.liquid
@@ -0,0 +1,130 @@
+{% comment %}
+  Product Card Snippet - Influence Theme
+  Renders a product card with hover effects, secondary image, quick add
+
+  Usage:
+  {% render 'product-card', product: product %}
+  {% render 'product-card', product: product, show_vendor: true %}
+{% endcomment %}
+
+{%- liquid
+  assign show_vendor = show_vendor | default: settings.show_vendor
+  assign show_secondary_image = show_secondary_image | default: settings.show_secondary_image
+  assign enable_quick_add = enable_quick_add | default: settings.enable_quick_add
+
+  assign first_variant = product.selected_or_first_available_variant
+  assign on_sale = false
+  if first_variant.compare_at_price > first_variant.price
+    assign on_sale = true
+  endif
+-%}
+
+<div class="product-card{% if settings.enable_image_zoom %} hover-zoom{% endif %}">
+  {%- comment -%} Product Media {%- endcomment -%}
+  <div class="product-card__media media aspect-{{ settings.product_card_aspect_ratio | replace: '/', '-' }}">
+    {%- if product.featured_media -%}
+      {{
+        product.featured_media
+        | image_url: width: 600
+        | image_tag:
+          loading: 'lazy',
+          sizes: '(min-width: 1200px) 25vw, (min-width: 750px) 33vw, 50vw',
+          widths: '165, 360, 535, 750, 1000',
+          class: 'product-card__image product-card__primary-image'
+      }}
+
+      {%- if show_secondary_image and product.media.size > 1 -%}
+        {{
+          product.media[1]
+          | image_url: width: 600
+          | image_tag:
+            loading: 'lazy',
+            sizes: '(min-width: 1200px) 25vw, (min-width: 750px) 33vw, 50vw',
+            widths: '165, 360, 535, 750, 1000',
+            class: 'product-card__image product-card__secondary-image'
+        }}
+      {%- endif -%}
+    {%- else -%}
+      {{ 'product-1' | placeholder_svg_tag: 'product-card__placeholder' }}
+    {%- endif -%}
+
+    {%- comment -%} Badges {%- endcomment -%}
+    <div class="product-card__badges">
+      {%- if on_sale -%}
+        <span class="badge badge--sale">{{ 'product.on_sale' | t }}</span>
+      {%- endif -%}
+      {%- if product.available == false -%}
+        <span class="badge badge--soldout">{{ 'product.sold_out' | t }}</span>
+      {%- endif -%}
+    </div>
+
+    {%- comment -%} Quick Add {%- endcomment -%}
+    {%- if enable_quick_add and product.available -%}
+      <div class="product-card__quick-add">
+        {%- if product.variants.size == 1 -%}
+          <form action="{{ routes.cart_add_url }}" method="post" class="product-card__quick-add-form">
+            <input type="hidden" name="id" value="{{ first_variant.id }}">
+            <button type="submit" class="btn btn--primary btn--full btn--sm">
+              {{ 'product.add_to_cart' | t }}
+            </button>
+          </form>
+        {%- else -%}
+          <a href="{{ product.url }}" class="btn btn--primary btn--full btn--sm">
+            {{ 'product.choose_options' | t }}
+          </a>
+        {%- endif -%}
+      </div>
+    {%- endif -%}
+  </div>
+
+  {%- comment -%} Product Info {%- endcomment -%}
+  <div class="product-card__info">
+    {%- if show_vendor and product.vendor != blank -%}
+      <p class="product-card__vendor">{{ product.vendor }}</p>
+    {%- endif -%}
+
+    <h3 class="product-card__title">
+      <a href="{{ product.url }}">{{ product.title }}</a>
+    </h3>
+
+    <div class="product-card__price price">
+      {%- if on_sale -%}
+        <span class="price__sale">{{ first_variant.price | money }}</span>
+        <span class="price__compare">{{ first_variant.compare_at_price | money }}</span>
+      {%- else -%}
+        <span class="price__regular">{{ first_variant.price | money }}</span>
+      {%- endif -%}
+
+      {%- if first_variant.unit_price_measurement -%}
+        <span class="price__unit">
+          {{ first_variant.unit_price | money }}
+          <span aria-hidden="true">/</span>
+          {%- if first_variant.unit_price_measurement.reference_value != 1 -%}
+            {{ first_variant.unit_price_measurement.reference_value }}
+          {%- endif -%}
+          {{ first_variant.unit_price_measurement.reference_unit }}
+        </span>
+      {%- endif -%}
+    </div>
+
+    {%- comment -%} Color swatches if available {%- endcomment -%}
+    {%- for option in product.options_with_values -%}
+      {%- assign option_name_downcase = option.name | downcase -%}
+      {%- if option_name_downcase == 'color' or option_name_downcase == 'colour' -%}
+        <div class="product-card__swatches">
+          {%- for value in option.values limit: 5 -%}
+            {%- assign swatch = value | handle | append: '.png' | file_url -%}
+            <span
+              class="product-card__swatch"
+              style="--swatch-color: {{ value | handle | replace: '-', '' }}; --swatch-image: url('{{ swatch }}')"
+              title="{{ value }}"
+            ></span>
+          {%- endfor -%}
+          {%- if option.values.size > 5 -%}
+            <span class="product-card__swatch-more">+{{ option.values.size | minus: 5 }}</span>
+          {%- endif -%}
+        </div>
+      {%- endif -%}
+    {%- endfor -%}
+  </div>
+</div>
diff --git a/snippets/social-icons.liquid b/snippets/social-icons.liquid
new file mode 100644
index 00000000..60e1f8ec
--- /dev/null
+++ b/snippets/social-icons.liquid
@@ -0,0 +1,137 @@
+{% comment %}
+  Social Icons Snippet - Influence Theme
+  Displays social media links from global settings
+
+  Usage:
+  {% render 'social-icons' %}
+  {% render 'social-icons', class: 'footer__social' %}
+
+  Parameters:
+  - class: (optional) Additional CSS classes
+{% endcomment %}
+
+{%- liquid
+  assign social_class = 'social-icons'
+  if class != blank
+    assign social_class = social_class | append: ' ' | append: class
+  endif
+
+  assign has_social = false
+  if settings.social_instagram_link != blank
+    assign has_social = true
+  elsif settings.social_facebook_link != blank
+    assign has_social = true
+  elsif settings.social_twitter_link != blank
+    assign has_social = true
+  elsif settings.social_pinterest_link != blank
+    assign has_social = true
+  elsif settings.social_youtube_link != blank
+    assign has_social = true
+  elsif settings.social_tiktok_link != blank
+    assign has_social = true
+  elsif settings.social_linkedin_link != blank
+    assign has_social = true
+  endif
+-%}
+
+{%- if has_social -%}
+  <ul class="{{ social_class }}" role="list">
+    {%- if settings.social_instagram_link != blank -%}
+      <li>
+        <a
+          href="{{ settings.social_instagram_link }}"
+          target="_blank"
+          rel="noopener noreferrer"
+          aria-label="Instagram"
+          class="social-icons__link"
+        >
+          {% render 'icon', icon: 'instagram' %}
+        </a>
+      </li>
+    {%- endif -%}
+
+    {%- if settings.social_facebook_link != blank -%}
+      <li>
+        <a
+          href="{{ settings.social_facebook_link }}"
+          target="_blank"
+          rel="noopener noreferrer"
+          aria-label="Facebook"
+          class="social-icons__link"
+        >
+          {% render 'icon', icon: 'facebook' %}
+        </a>
+      </li>
+    {%- endif -%}
+
+    {%- if settings.social_twitter_link != blank -%}
+      <li>
+        <a
+          href="{{ settings.social_twitter_link }}"
+          target="_blank"
+          rel="noopener noreferrer"
+          aria-label="X (Twitter)"
+          class="social-icons__link"
+        >
+          {% render 'icon', icon: 'twitter' %}
+        </a>
+      </li>
+    {%- endif -%}
+
+    {%- if settings.social_pinterest_link != blank -%}
+      <li>
+        <a
+          href="{{ settings.social_pinterest_link }}"
+          target="_blank"
+          rel="noopener noreferrer"
+          aria-label="Pinterest"
+          class="social-icons__link"
+        >
+          {% render 'icon', icon: 'pinterest' %}
+        </a>
+      </li>
+    {%- endif -%}
+
+    {%- if settings.social_youtube_link != blank -%}
+      <li>
+        <a
+          href="{{ settings.social_youtube_link }}"
+          target="_blank"
+          rel="noopener noreferrer"
+          aria-label="YouTube"
+          class="social-icons__link"
+        >
+          {% render 'icon', icon: 'youtube' %}
+        </a>
+      </li>
+    {%- endif -%}
+
+    {%- if settings.social_tiktok_link != blank -%}
+      <li>
+        <a
+          href="{{ settings.social_tiktok_link }}"
+          target="_blank"
+          rel="noopener noreferrer"
+          aria-label="TikTok"
+          class="social-icons__link"
+        >
+          {% render 'icon', icon: 'tiktok' %}
+        </a>
+      </li>
+    {%- endif -%}
+
+    {%- if settings.social_linkedin_link != blank -%}
+      <li>
+        <a
+          href="{{ settings.social_linkedin_link }}"
+          target="_blank"
+          rel="noopener noreferrer"
+          aria-label="LinkedIn"
+          class="social-icons__link"
+        >
+          {% render 'icon', icon: 'linkedin' %}
+        </a>
+      </li>
+    {%- endif -%}
+  </ul>
+{%- endif -%}
diff --git a/templates/404.json b/templates/404.json
index fc12fc78..d679fd49 100644
--- a/templates/404.json
+++ b/templates/404.json
@@ -1,17 +1,10 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
- {
+{
   "sections": {
     "main": {
-      "type": "404",
-      "settings": {}
+      "type": "main-404",
+      "settings": {
+        "show_search": true
+      }
     }
   },
   "order": [
diff --git a/templates/article.json b/templates/article.json
index d3bc0dfd..7c66fb4a 100644
--- a/templates/article.json
+++ b/templates/article.json
@@ -1,20 +1,32 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "sections": {
     "main": {
-      "type": "article",
-      "settings": {}
+      "type": "main-article",
+      "settings": {
+        "show_breadcrumb": true,
+        "show_featured_image": true,
+        "show_tags": true,
+        "show_date": true,
+        "show_author": true,
+        "show_share": true,
+        "show_navigation": true
+      }
+    },
+    "related_posts": {
+      "type": "blog-posts",
+      "settings": {
+        "heading": "You may also like",
+        "posts_to_show": 3,
+        "columns_desktop": 3,
+        "columns_mobile": "1",
+        "show_date": true,
+        "show_author": false,
+        "show_excerpt": false
+      }
     }
   },
   "order": [
-    "main"
+    "main",
+    "related_posts"
   ]
 }
diff --git a/templates/blog.json b/templates/blog.json
index 09705d70..5620c319 100644
--- a/templates/blog.json
+++ b/templates/blog.json
@@ -1,17 +1,18 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "sections": {
     "main": {
-      "type": "blog",
-      "settings": {}
+      "type": "main-blog",
+      "settings": {
+        "show_tag_filter": true,
+        "articles_per_page": 9,
+        "columns_desktop": 3,
+        "columns_mobile": "1",
+        "image_ratio": "landscape",
+        "show_date": true,
+        "show_author": true,
+        "show_tags": false,
+        "show_excerpt": true
+      }
     }
   },
   "order": [
diff --git a/templates/cart.json b/templates/cart.json
index 78c2add2..3427c949 100644
--- a/templates/cart.json
+++ b/templates/cart.json
@@ -1,20 +1,23 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "sections": {
     "main": {
-      "type": "cart",
-      "settings": {}
+      "type": "main-cart",
+      "settings": {
+        "show_cart_note": true,
+        "show_dynamic_checkout": true
+      }
+    },
+    "featured_collection": {
+      "type": "featured-collection",
+      "settings": {
+        "heading": "You may also like",
+        "products_to_show": 4,
+        "columns_desktop": "4"
+      }
     }
   },
   "order": [
-    "main"
+    "main",
+    "featured_collection"
   ]
 }
diff --git a/templates/collection.json b/templates/collection.json
index 7592ac07..d3f4e682 100644
--- a/templates/collection.json
+++ b/templates/collection.json
@@ -1,17 +1,20 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "sections": {
     "main": {
-      "type": "collection",
-      "settings": {}
+      "type": "main-collection",
+      "settings": {
+        "show_collection_header": true,
+        "show_collection_image": true,
+        "show_description": true,
+        "show_filters": true,
+        "filter_type": "sidebar",
+        "enable_sticky_filters": true,
+        "show_sorting": true,
+        "show_view_toggle": true,
+        "products_per_page": 16,
+        "columns_desktop": 4,
+        "columns_mobile": "2"
+      }
     }
   },
   "order": [
diff --git a/templates/customers/account.json b/templates/customers/account.json
new file mode 100644
index 00000000..4df7f2dd
--- /dev/null
+++ b/templates/customers/account.json
@@ -0,0 +1,11 @@
+{
+  "sections": {
+    "main": {
+      "type": "main-account",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}
diff --git a/templates/customers/activate_account.json b/templates/customers/activate_account.json
new file mode 100644
index 00000000..b874071d
--- /dev/null
+++ b/templates/customers/activate_account.json
@@ -0,0 +1,11 @@
+{
+  "sections": {
+    "main": {
+      "type": "main-activate-account",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}
diff --git a/templates/customers/addresses.json b/templates/customers/addresses.json
new file mode 100644
index 00000000..ba52a75d
--- /dev/null
+++ b/templates/customers/addresses.json
@@ -0,0 +1,11 @@
+{
+  "sections": {
+    "main": {
+      "type": "main-addresses",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}
diff --git a/templates/customers/login.json b/templates/customers/login.json
new file mode 100644
index 00000000..dfcdd5d1
--- /dev/null
+++ b/templates/customers/login.json
@@ -0,0 +1,11 @@
+{
+  "sections": {
+    "main": {
+      "type": "main-login",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}
diff --git a/templates/customers/order.json b/templates/customers/order.json
new file mode 100644
index 00000000..dc5fb1b2
--- /dev/null
+++ b/templates/customers/order.json
@@ -0,0 +1,11 @@
+{
+  "sections": {
+    "main": {
+      "type": "main-order",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}
diff --git a/templates/customers/register.json b/templates/customers/register.json
new file mode 100644
index 00000000..12c8a128
--- /dev/null
+++ b/templates/customers/register.json
@@ -0,0 +1,11 @@
+{
+  "sections": {
+    "main": {
+      "type": "main-register",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}
diff --git a/templates/customers/reset_password.json b/templates/customers/reset_password.json
new file mode 100644
index 00000000..716d0e19
--- /dev/null
+++ b/templates/customers/reset_password.json
@@ -0,0 +1,11 @@
+{
+  "sections": {
+    "main": {
+      "type": "main-reset-password",
+      "settings": {}
+    }
+  },
+  "order": [
+    "main"
+  ]
+}
diff --git a/templates/gift_card.liquid b/templates/gift_card.liquid
index db5d8289..a6c9ca22 100644
--- a/templates/gift_card.liquid
+++ b/templates/gift_card.liquid
@@ -1,73 +1,309 @@
 {% layout none %}
+{% comment %}
+  Gift Card Template - Influence Theme (REQUIRED FOR THEME STORE)
+  Features: QR Code, Apple Wallet, Copy code functionality
+{% endcomment %}
 
 <!doctype html>
 <html lang="{{ request.locale.iso_code }}">
   <head>
-    {% # Inlined CSS Variables %}
-    {% render 'css-variables' %}
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="robots" content="noindex, nofollow">
+    <title>{{ 'gift_card.title' | t }} - {{ shop.name }}</title>
 
-    {% # Load and preload the critical CSS %}
+    {% render 'css-variables' %}
     {{ 'critical.css' | asset_url | stylesheet_tag: preload: true }}
-
-    {% # Social, title, etc. %}
     {% render 'meta-tags' %}
 
-    {% style %}
-      main {
+    <style>
+      .gift-card {
+        min-height: 100vh;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: var(--space-lg);
+        background: var(--color-background);
+        color: var(--color-foreground);
+      }
+
+      .gift-card__container {
+        max-width: 400px;
+        width: 100%;
         text-align: center;
       }
-      main img {
-        display: unset;
+
+      .gift-card__logo {
+        margin-bottom: var(--space-lg);
+      }
+
+      .gift-card__logo img {
+        max-width: 150px;
+        height: auto;
+      }
+
+      .gift-card__shop-name {
+        font-size: var(--font-size-2xl);
+        margin-bottom: var(--space-lg);
+      }
+
+      .gift-card__image {
+        width: 100%;
+        max-width: 300px;
+        height: auto;
+        margin: 0 auto var(--space-lg);
+        border-radius: var(--border-radius);
+        overflow: hidden;
+        box-shadow: var(--shadow-lg);
+      }
+
+      .gift-card__balance {
+        font-size: var(--font-size-4xl);
+        font-weight: var(--font-weight-bold);
+        margin-bottom: var(--space-sm);
+      }
+
+      .gift-card__status {
+        display: inline-block;
+        padding: var(--space-xs) var(--space-sm);
+        border-radius: var(--border-radius);
+        font-size: var(--font-size-sm);
+        margin-bottom: var(--space-md);
+      }
+
+      .gift-card__status--expired {
+        background: var(--color-error);
+        color: white;
+      }
+
+      .gift-card__status--active {
+        background: var(--color-success);
+        color: white;
+      }
+
+      .gift-card__expires {
+        font-size: var(--font-size-sm);
+        color: var(--color-foreground-muted);
+        margin-bottom: var(--space-lg);
+      }
+
+      .gift-card__code {
+        background: var(--color-background-secondary);
+        border: 2px dashed var(--color-border);
+        border-radius: var(--border-radius);
+        padding: var(--space-md);
+        margin-bottom: var(--space-md);
+      }
+
+      .gift-card__code-value {
+        font-family: var(--font-family-monospace, monospace);
+        font-size: var(--font-size-lg);
+        letter-spacing: 0.1em;
+        word-break: break-all;
+        margin-bottom: var(--space-sm);
+      }
+
+      .gift-card__copy-btn {
+        font-size: var(--font-size-sm);
+        background: none;
+        border: none;
+        color: var(--color-primary);
+        cursor: pointer;
+        text-decoration: underline;
+      }
+
+      .gift-card__copy-btn:hover {
+        color: var(--color-primary-hover);
       }
-    {% endstyle %}
+
+      .gift-card__qr {
+        margin: var(--space-lg) auto;
+        padding: var(--space-md);
+        background: white;
+        border-radius: var(--border-radius);
+        display: inline-block;
+      }
+
+      .gift-card__qr img {
+        display: block;
+        width: 120px;
+        height: 120px;
+      }
+
+      .gift-card__qr-label {
+        font-size: var(--font-size-sm);
+        color: var(--color-foreground-muted);
+        margin-top: var(--space-sm);
+      }
+
+      .gift-card__apple-wallet {
+        margin: var(--space-lg) 0;
+      }
+
+      .gift-card__apple-wallet img {
+        height: 44px;
+        width: auto;
+      }
+
+      .gift-card__instructions {
+        font-size: var(--font-size-sm);
+        color: var(--color-foreground-muted);
+        margin-top: var(--space-lg);
+      }
+
+      .gift-card__print {
+        margin-top: var(--space-md);
+      }
+
+      .gift-card__print-btn {
+        font-size: var(--font-size-sm);
+        background: none;
+        border: none;
+        color: var(--color-primary);
+        cursor: pointer;
+        text-decoration: underline;
+      }
+
+      @media print {
+        .gift-card__copy-btn,
+        .gift-card__print-btn,
+        .gift-card__apple-wallet {
+          display: none;
+        }
+      }
+    </style>
 
     {{ content_for_header }}
   </head>
 
   <body>
-    <main>
-      <div class="shopify-section">
-        <h1>{{ gift_card.balance | money }}</h1>
+    <main class="gift-card">
+      <div class="gift-card__container">
+        {%- comment -%} Logo or Shop Name {%- endcomment -%}
+        {%- if settings.logo -%}
+          <div class="gift-card__logo">
+            {{ settings.logo | image_url: width: 300 | image_tag: alt: shop.name }}
+          </div>
+        {%- else -%}
+          <h1 class="gift-card__shop-name">{{ shop.name }}</h1>
+        {%- endif -%}
 
-        {% if gift_card.enabled == false or gift_card.expired %}
-          <p>{{ 'gift_card.expired' | t }}</p>
-        {% endif %}
+        {%- comment -%} Gift Card Image {%- endcomment -%}
+        <div class="gift-card__image">
+          <img
+            src="{{ 'gift-card/card.svg' | shopify_asset_url }}"
+            alt="{{ 'gift_card.card' | t }}"
+            width="300"
+            height="200"
+            loading="eager"
+          >
+        </div>
 
-        {% if gift_card.expires_on %}
-          {% assign expires_on = gift_card.expires_on | date: '%B %e, %Y' %}
-          <p>
+        {%- comment -%} Balance {%- endcomment -%}
+        <p class="gift-card__balance">{{ gift_card.balance | money }}</p>
+
+        {%- comment -%} Status {%- endcomment -%}
+        {%- if gift_card.enabled == false or gift_card.expired -%}
+          <span class="gift-card__status gift-card__status--expired">
+            {{ 'gift_card.expired' | t }}
+          </span>
+        {%- else -%}
+          <span class="gift-card__status gift-card__status--active">
+            {{ 'gift_card.active' | t }}
+          </span>
+        {%- endif -%}
+
+        {%- comment -%} Expiry Date {%- endcomment -%}
+        {%- if gift_card.expires_on -%}
+          {%- assign expires_on = gift_card.expires_on | date: format: 'date' -%}
+          <p class="gift-card__expires">
             {{ 'gift_card.expires_on' | t: expires_on: expires_on }}
           </p>
-        {% endif %}
+        {%- endif -%}
 
-        <p>
-          {% if settings.logo %}
-            {{ settings.logo | image_url: width: 300 | image_tag: alt: shop.name }}
-          {% else %}
-            <img
-              src="{{ 'gift-card/card.svg' | shopify_asset_url }}"
-              alt="{{ 'gift_card.card' | t }}"
-              width="300"
-              height="200"
-            >
-          {% endif %}
+        {%- comment -%} Gift Card Code {%- endcomment -%}
+        <div class="gift-card__code">
+          <p class="gift-card__code-value" id="gift-card-code">
+            {{ gift_card.code | format_code }}
+          </p>
+          <button
+            type="button"
+            class="gift-card__copy-btn"
+            onclick="copyCode()"
+            data-copy-text="{{ 'gift_card.copy' | t }}"
+            data-copied-text="{{ 'gift_card.copied' | t }}"
+          >
+            {{ 'gift_card.copy' | t }}
+          </button>
+        </div>
+
+        {%- comment -%} QR Code (REQUIRED FOR THEME STORE) {%- endcomment -%}
+        <div class="gift-card__qr">
+          <img
+            src="{{ gift_card.qr_code_url }}"
+            alt="{{ 'gift_card.qr_code' | t }}"
+            width="120"
+            height="120"
+            loading="eager"
+          >
+          <p class="gift-card__qr-label">{{ 'gift_card.scan_code' | t }}</p>
+        </div>
+
+        {%- comment -%} Apple Wallet (REQUIRED FOR THEME STORE) {%- endcomment -%}
+        {%- if gift_card.pass_url -%}
+          <div class="gift-card__apple-wallet">
+            <a href="{{ gift_card.pass_url }}">
+              <img
+                src="{{ 'gift-card/add-to-apple-wallet.svg' | shopify_asset_url }}"
+                alt="{{ 'gift_card.add_to_apple_wallet' | t }}"
+                width="168"
+                height="44"
+                loading="lazy"
+              >
+            </a>
+          </div>
+        {%- endif -%}
+
+        {%- comment -%} Instructions {%- endcomment -%}
+        <p class="gift-card__instructions">
+          {{ 'gift_card.use_at_checkout' | t }}
         </p>
 
-        <h2>{{ shop.name }}</h2>
-        <p>{{ 'gift_card.use_at_checkout' | t }}</p>
-        <p>{{ gift_card.code | format_code }}</p>
-
-        {% if gift_card.pass_url %}
-          <a href="{{ gift_card.pass_url }}">
-            <img
-              src="{{ 'gift-card/add-to-apple-wallet.svg' | shopify_asset_url }}"
-              alt="{{ 'gift_card.add_to_apple_wallet' | t }}"
-              width="200"
-              height="60"
-            >
-          </a>
-        {% endif %}
+        {%- comment -%} Print Button {%- endcomment -%}
+        <div class="gift-card__print">
+          <button type="button" class="gift-card__print-btn" onclick="window.print()">
+            {{ 'gift_card.print' | t }}
+          </button>
+        </div>
       </div>
     </main>
+
+    <script>
+      function copyCode() {
+        const codeElement = document.getElementById('gift-card-code');
+        const code = codeElement.textContent.trim().replace(/\s/g, '');
+        const button = document.querySelector('[data-copy-text]');
+
+        navigator.clipboard.writeText(code).then(() => {
+          button.textContent = button.dataset.copiedText;
+          setTimeout(() => {
+            button.textContent = button.dataset.copyText;
+          }, 2000);
+        }).catch(() => {
+          // Fallback for older browsers
+          const textArea = document.createElement('textarea');
+          textArea.value = code;
+          document.body.appendChild(textArea);
+          textArea.select();
+          document.execCommand('copy');
+          document.body.removeChild(textArea);
+          button.textContent = button.dataset.copiedText;
+          setTimeout(() => {
+            button.textContent = button.dataset.copyText;
+          }, 2000);
+        });
+      }
+    </script>
   </body>
 </html>
diff --git a/templates/index.json b/templates/index.json
index 1f827db9..8d71a581 100644
--- a/templates/index.json
+++ b/templates/index.json
@@ -1,20 +1,215 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "sections": {
-    "main": {
-      "type": "hello-world",
-      "settings": {}
+    "hero": {
+      "type": "hero",
+      "blocks": {
+        "subheading": {
+          "type": "subheading",
+          "settings": {
+            "text": "New Collection"
+          }
+        },
+        "heading": {
+          "type": "heading",
+          "settings": {
+            "text": "Define Your Style"
+          }
+        },
+        "text": {
+          "type": "text",
+          "settings": {
+            "text": "<p>Discover our curated selection of contemporary fashion designed for the modern individual.</p>"
+          }
+        },
+        "button": {
+          "type": "button",
+          "settings": {
+            "label": "Shop Now",
+            "link": "",
+            "style": "primary"
+          }
+        }
+      },
+      "block_order": ["subheading", "heading", "text", "button"],
+      "settings": {
+        "height": "full",
+        "content_position": "middle_center",
+        "show_scroll_indicator": true,
+        "overlay_style": "gradient",
+        "overlay_opacity": 40
+      }
+    },
+    "product_carousel_3d": {
+      "type": "product-carousel-3d",
+      "settings": {
+        "images_to_show": 6,
+        "title_size": "large",
+        "show_price": true,
+        "show_variants": false,
+        "cta_text": "Shop Now",
+        "cta_style": "primary",
+        "height": "large",
+        "carousel_radius": 500,
+        "color_scheme": "scheme-2"
+      }
+    },
+    "featured_collection": {
+      "type": "featured-collection",
+      "settings": {
+        "heading": "Featured Collection",
+        "products_to_show": 8,
+        "columns_desktop": "4",
+        "show_view_all": true
+      }
+    },
+    "image_with_text": {
+      "type": "image-with-text",
+      "blocks": {
+        "subheading": {
+          "type": "subheading",
+          "settings": {
+            "text": "Our Story"
+          }
+        },
+        "heading": {
+          "type": "heading",
+          "settings": {
+            "text": "Crafted with Purpose",
+            "heading_size": "h2"
+          }
+        },
+        "text": {
+          "type": "text",
+          "settings": {
+            "text": "<p>We believe in creating timeless pieces that transcend seasons. Each item in our collection is thoughtfully designed and responsibly made.</p>"
+          }
+        },
+        "button": {
+          "type": "button",
+          "settings": {
+            "button_label": "Learn More",
+            "button_link": "",
+            "button_style": "outline"
+          }
+        }
+      },
+      "block_order": ["subheading", "heading", "text", "button"],
+      "settings": {
+        "image_position": "left",
+        "content_alignment": "left"
+      }
+    },
+    "rich_text": {
+      "type": "rich-text",
+      "blocks": {
+        "subheading": {
+          "type": "subheading",
+          "settings": {
+            "text": "Editorial"
+          }
+        },
+        "heading": {
+          "type": "heading",
+          "settings": {
+            "text": "The Art of Dressing Well",
+            "heading_size": "h2"
+          }
+        },
+        "text": {
+          "type": "text",
+          "settings": {
+            "text": "<p>Fashion is not about following trends blindly. It's about understanding your own style and expressing it with confidence. Our collection is designed to help you do just that.</p>"
+          }
+        }
+      },
+      "block_order": ["subheading", "heading", "text"],
+      "settings": {
+        "text_alignment": "center",
+        "narrow_container": true
+      }
+    },
+    "testimonials": {
+      "type": "testimonials",
+      "blocks": {
+        "testimonial_1": {
+          "type": "testimonial",
+          "settings": {
+            "rating": 5,
+            "quote": "The quality is exceptional. These pieces have become staples in my wardrobe.",
+            "author_name": "Sarah M.",
+            "author_title": "Verified Buyer"
+          }
+        },
+        "testimonial_2": {
+          "type": "testimonial",
+          "settings": {
+            "rating": 5,
+            "quote": "Finally, a brand that understands timeless design. I recommend them to everyone.",
+            "author_name": "James L.",
+            "author_title": "Verified Buyer"
+          }
+        },
+        "testimonial_3": {
+          "type": "testimonial",
+          "settings": {
+            "rating": 5,
+            "quote": "Impeccable craftsmanship and attention to detail. Worth every penny.",
+            "author_name": "Emma R.",
+            "author_title": "Verified Buyer"
+          }
+        }
+      },
+      "block_order": ["testimonial_1", "testimonial_2", "testimonial_3"],
+      "settings": {
+        "heading": "What Our Customers Say",
+        "layout": "carousel",
+        "columns": 3
+      }
+    },
+    "newsletter": {
+      "type": "newsletter",
+      "blocks": {
+        "subheading": {
+          "type": "subheading",
+          "settings": {
+            "text": "Stay Connected"
+          }
+        },
+        "heading": {
+          "type": "heading",
+          "settings": {
+            "text": "Join Our Community",
+            "heading_size": "h2"
+          }
+        },
+        "text": {
+          "type": "text",
+          "settings": {
+            "text": "<p>Be the first to know about new arrivals, exclusive offers, and style inspiration.</p>"
+          }
+        },
+        "form": {
+          "type": "form",
+          "settings": {
+            "button_label": "Subscribe",
+            "button_style": "primary"
+          }
+        }
+      },
+      "block_order": ["subheading", "heading", "text", "form"],
+      "settings": {
+        "color_scheme": "scheme-2",
+        "narrow_container": true
+      }
     }
   },
   "order": [
-    "main"
+    "hero",
+    "product_carousel_3d",
+    "featured_collection",
+    "image_with_text",
+    "rich_text",
+    "testimonials",
+    "newsletter"
   ]
 }
diff --git a/templates/list-collections.json b/templates/list-collections.json
index 30984287..14b09e8d 100644
--- a/templates/list-collections.json
+++ b/templates/list-collections.json
@@ -1,17 +1,15 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "sections": {
     "main": {
-      "type": "collections",
-      "settings": {}
+      "type": "collection-list",
+      "settings": {
+        "heading": "Collections",
+        "heading_alignment": "center",
+        "image_ratio": "landscape",
+        "show_collection_count": true,
+        "columns_desktop": 3,
+        "columns_mobile": "1"
+      }
     }
   },
   "order": [
diff --git a/templates/page.contact.json b/templates/page.contact.json
new file mode 100644
index 00000000..bb8afaa9
--- /dev/null
+++ b/templates/page.contact.json
@@ -0,0 +1,20 @@
+{
+  "sections": {
+    "main": {
+      "type": "contact-form",
+      "settings": {
+        "heading": "Contact us",
+        "heading_size": "h1",
+        "text": "<p>Have a question? We'd love to hear from you. Send us a message and we'll respond as soon as possible.</p>",
+        "text_alignment": "center",
+        "narrow_container": true,
+        "show_phone": true,
+        "show_subject": true,
+        "full_width_button": false
+      }
+    }
+  },
+  "order": [
+    "main"
+  ]
+}
diff --git a/templates/page.json b/templates/page.json
index 36d23000..dd90d324 100644
--- a/templates/page.json
+++ b/templates/page.json
@@ -1,17 +1,12 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "sections": {
     "main": {
-      "type": "page",
-      "settings": {}
+      "type": "main-page",
+      "settings": {
+        "show_title": true,
+        "heading_size": "h1",
+        "narrow_container": true
+      }
     }
   },
   "order": [
diff --git a/templates/password.json b/templates/password.json
index 030b7259..e71f69dc 100644
--- a/templates/password.json
+++ b/templates/password.json
@@ -1,18 +1,14 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "layout": "password",
   "sections": {
     "main": {
-      "type": "password",
-      "settings": {}
+      "type": "main-password",
+      "settings": {
+        "heading": "Opening soon",
+        "text": "<p>Be the first to know when we launch. Subscribe to our newsletter for exclusive updates.</p>",
+        "show_newsletter": true,
+        "show_social": true
+      }
     }
   },
   "order": [
diff --git a/templates/product.json b/templates/product.json
index 8329ddc6..7a72a0dd 100644
--- a/templates/product.json
+++ b/templates/product.json
@@ -1,20 +1,93 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "sections": {
     "main": {
-      "type": "product",
-      "settings": {}
+      "type": "main-product",
+      "blocks": {
+        "title": {
+          "type": "title",
+          "settings": {}
+        },
+        "price": {
+          "type": "price",
+          "settings": {}
+        },
+        "variant_picker": {
+          "type": "variant_picker",
+          "settings": {
+            "picker_type": "buttons",
+            "color_swatch_type": "swatch"
+          }
+        },
+        "quantity": {
+          "type": "quantity_selector",
+          "settings": {}
+        },
+        "buy_buttons": {
+          "type": "buy_buttons",
+          "settings": {
+            "show_dynamic_checkout": true,
+            "show_gift_card_recipient": true
+          }
+        },
+        "description": {
+          "type": "description",
+          "settings": {}
+        },
+        "divider_1": {
+          "type": "divider",
+          "settings": {}
+        },
+        "collapsible_shipping": {
+          "type": "collapsible_tab",
+          "settings": {
+            "heading": "Shipping & Returns",
+            "icon": "shipping",
+            "content": "<p>Free shipping on orders over $100. Returns accepted within 30 days.</p>"
+          }
+        },
+        "collapsible_care": {
+          "type": "collapsible_tab",
+          "settings": {
+            "heading": "Care Instructions",
+            "icon": "care",
+            "content": "<p>See product label for detailed care instructions.</p>"
+          }
+        },
+        "share": {
+          "type": "share",
+          "settings": {}
+        }
+      },
+      "block_order": [
+        "title",
+        "price",
+        "variant_picker",
+        "quantity",
+        "buy_buttons",
+        "description",
+        "divider_1",
+        "collapsible_shipping",
+        "collapsible_care",
+        "share"
+      ],
+      "settings": {
+        "media_layout": "thumbnails",
+        "media_position": "left",
+        "enable_video_autoplay": false
+      }
+    },
+    "product_recommendations": {
+      "type": "product-recommendations",
+      "settings": {
+        "heading": "You may also like",
+        "products_to_show": 4,
+        "columns_desktop": 4,
+        "columns_mobile": "2"
+      }
     }
   },
   "order": [
-    "main"
+    "main",
+    "product_recommendations"
   ]
 }
diff --git a/templates/search.json b/templates/search.json
index 8c540c54..da9b4fdb 100644
--- a/templates/search.json
+++ b/templates/search.json
@@ -1,17 +1,14 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
 {
   "sections": {
     "main": {
-      "type": "search",
-      "settings": {}
+      "type": "main-search",
+      "settings": {
+        "show_filters": true,
+        "show_sorting": true,
+        "products_per_page": 16,
+        "columns_desktop": 4,
+        "columns_mobile": "2"
+      }
     }
   },
   "order": [