diff --git a/SETUP_GUIDE.md b/SETUP_GUIDE.md
new file mode 100644
index 0000000..d6ffd13
--- /dev/null
+++ b/SETUP_GUIDE.md
@@ -0,0 +1,607 @@
+# LS Shop - Complete Setup Guide
+
+This guide will walk you through setting up LS Shop from installation to publishing your first product on the website.
+
+## Table of Contents
+1. [Prerequisites](#prerequisites)
+2. [Installation](#installation)
+3. [Initial Configuration](#initial-configuration)
+4. [Creating Your First Product](#creating-your-first-product)
+5. [Publishing to Website](#publishing-to-website)
+6. [Accessing the Frontend](#accessing-the-frontend)
+7. [Advanced Features](#advanced-features)
+8. [Troubleshooting](#troubleshooting)
+
+---
+
+## Prerequisites
+
+Before installing LS Shop, ensure you have the following:
+
+### Required Apps
+- **Frappe Framework** (v13 or higher)
+- **ERPNext** (must be installed first)
+- **Webshop** (dependency for LS Shop)
+- **Payments** (for payment gateway integration)
+
+### System Requirements
+- Node.js and npm (for asset compilation)
+- Python 3.8+
+- Database: MariaDB/PostgreSQL
+
+### ERPNext Setup Requirements
+Before installing LS Shop, ensure these are configured in ERPNext:
+- ✅ Company created and configured
+- ✅ Default Warehouse created
+- ✅ Price Lists created (e.g., "Standard Selling")
+- ✅ Chart of Accounts configured
+- ✅ At least one Item Attribute (e.g., "Color", "Size")
+
+---
+
+## Installation
+
+### Quick Start with Demo Data
+
+If you want to quickly test LS Shop with demo products, you have two options:
+
+#### Option 1: Using Lifestyle Settings (Recommended)
+
+1. Navigate to: **Desk → Lifestyle Shop Ecommerce → Lifestyle Settings**
+2. Scroll to **Demo Data & Testing** section
+3. Click **"Install Demo Data"** button
+4. Wait for completion notification
+5. Click **"Publish All Items to Website"** button if items don't show
+6. Visit `https://your-site.com/en/products`
+
+#### Option 2: Using Command Line
+
+```bash
+# After installing ls_shop
+bench --site your-site-name execute ls_shop.install_demo_data.install_demo_data
+```
+
+**What Gets Created:**
+- ✅ Item Attributes (Color, Size)
+- ✅ Brands (Adidas, Nike, Puma, Lifestyle Store)
+- ✅ Price Lists (Standard Selling, Sale Price List)
+- ✅ Shipping Rule (Free shipping over $50)
+- ✅ 3 Demo Products with variants (~40 SKUs)
+- ✅ Style Attribute Configurators & Variants
+- ✅ Configured Lifestyle Settings
+- ✅ Published to website with LS Shop routes
+
+After installation, immediately visit:
+- `https://your-site.com/en/products` to see the demo store
+- Test the complete purchase workflow
+
+---
+
+### Step 1: Install Required Apps
+
+If not already installed, install the dependencies:
+
+```bash
+# Install ERPNext (if not installed)
+bench get-app erpnext
+bench --site your-site-name install-app erpnext
+
+# Install Webshop
+bench get-app webshop
+bench --site your-site-name install-app webshop
+
+# Install Payments
+bench get-app payments
+bench --site your-site-name install-app payments
+```
+
+### Step 2: Install LS Shop
+
+```bash
+# Get the LS Shop app
+bench get-app https://github.com/BuildWithHussain/ls_shop
+
+# Install on your site
+bench --site your-site-name install-app ls_shop
+
+# Build assets
+bench build --app ls_shop
+```
+
+### Step 3: Restart Services
+
+```bash
+bench restart
+```
+
+### Step 4: Verify Installation
+
+After installation, LS Shop will automatically create:
+- ✅ Ecommerce Item Groups (All Item Groups → Ecommerce Website → Men, Women, Kids)
+- ✅ Email Templates (Order Confirmation, Order Cancellation, Item In Stock)
+- ✅ Payment Mode: Telr
+
+Check that these were created successfully by navigating to:
+- **Desk → Stock → Item Group** - You should see "Ecommerce Website" with child groups
+
+---
+
+## Initial Configuration
+
+### Step 1: Configure Lifestyle Settings
+
+Navigate to: **Desk → Lifestyle Shop Ecommerce → Lifestyle Settings**
+
+#### A. Price List Configuration
+1. **Default Price List**: Select your main selling price list (e.g., "Standard Selling")
+2. **Sale Price List**: Select price list for sale/discounted items (optional)
+
+#### B. Warehouse Configuration
+- **Ecommerce Warehouse**: Select the warehouse that will be used for e-commerce orders
+  - This should be a warehouse with actual stock available
+  - Example: "Stores - Your Company"
+
+#### C. Shipping & Returns
+1. **Shipping Rule**: 
+   - Navigate to **Desk → Selling → Shipping Rule**
+   - Create a new Shipping Rule based on "Net Total"
+   - Example: Free shipping above $100, else $10 flat rate
+   - Select this rule in Lifestyle Settings
+
+2. **Return Period**: Enter number of days customers can return items (e.g., 14, 30)
+
+3. **Reason for Return**: Add reasons customers can select:
+   - Wrong Size
+   - Wrong Color
+   - Defective Product
+   - Changed Mind
+   - etc.
+
+4. **Print Format**: Select the print format for invoices (optional)
+
+#### D. Cash on Delivery (COD) Settings
+1. **COD Charge**: Enter the fee for COD orders (e.g., 5.00)
+2. **COD Charge Applicable Below**: Enter order value below which COD charge applies
+3. **Charge Account Head**: Select the income account for COD charges
+
+#### E. Payment Modes
+Enable/disable payment methods:
+- ☑️ **Telr** - For online card payments (requires Telr Settings configuration)
+- ☑️ **Tabby** - For Buy Now Pay Later (requires Tabby app installation)
+- ☑️ **COD** - Cash on Delivery
+
+#### F. Email Configuration
+1. **Order Confirmation Email Template**: "Order Confirmation"
+2. **Order Cancellation Email Template**: "Order Cancellation"
+3. **Item In Stock Email Template**: "Item In Stock"
+4. **Logo URL**: Enter URL to your company logo for emails
+5. **CC Email**: Optional email to CC on all order emails
+
+#### G. Item Group Mapping (Optional)
+If you have existing item groups that should map to e-commerce groups:
+1. Click on "eCommerce Item Group Mapping" table
+2. Add rows mapping:
+   - **Original Item Group**: Your existing ERPNext item group
+   - **eCommerce Item Group**: Target e-commerce group (Men, Women, Kids, etc.)
+3. Click "Sync Item Group Mapping to Existing Items" to apply
+
+**Click Save** after configuring all settings.
+
+---
+
+## Creating Your First Product
+
+There are two ways to create products for the e-commerce website:
+
+### Option 1: Simple Product (Single Variant)
+
+#### Step 1: Create an Item in ERPNext
+
+Navigate to: **Desk → Stock → Item → New**
+
+Fill in the following fields:
+
+**Basic Information:**
+- **Item Code**: Unique code (e.g., "TSHIRT-001")
+- **Item Name**: Display name (e.g., "Classic Cotton T-Shirt")
+- **Item Group**: Select from e-commerce groups (Men, Women, Kids)
+- **Default Unit of Measure**: pcs, nos, etc.
+
+**Custom Fields (LS Shop specific):**
+- **DisplayName**: Short display name (e.g., "Cotton Tee")
+- **Ecommerce Display Name**: Full e-commerce name (e.g., "Classic Cotton T-Shirt")
+
+**Inventory:**
+- ☑️ Maintain Stock
+- **Is Stock Item**: Yes
+- **Default Warehouse**: Your ecommerce warehouse
+- **Opening Stock**: Enter initial quantity (e.g., 100)
+- **Valuation Rate**: Cost price
+
+**Sales Details:**
+- ☑️ Allow Item to be Sold
+- **Default Income Account**: Select appropriate income account
+
+**Website Settings:**
+- ☑️ Show in Website (publish to webshop)
+- **Route**: Auto-generated or custom (e.g., "classic-cotton-tshirt")
+- **Website Image**: Upload product image (recommended: 1000x1000px)
+- **Website Warehouse**: Select your e-commerce warehouse
+- **Website Item Groups**: Select relevant e-commerce groups
+
+**Item Images:**
+- Click "Add Row" in Website Images table
+- Upload multiple product images
+- First image becomes the main display image
+
+**Description:**
+- **Description**: Add detailed product description (supports HTML)
+- **Web Long Description**: Extended description for product page
+
+**Pricing:**
+After saving the item, create a price:
+1. Click "Add Item Price" or go to **Desk → Stock → Item Price → New**
+2. **Item Code**: Select your item
+3. **Price List**: Select your default selling price list
+4. **Rate**: Enter selling price (e.g., 29.99)
+5. Save
+
+#### Step 2: Verify Item is Published
+
+1. Save the item
+2. Navigate to: **Desk → Website → Website Item**
+3. You should see a Website Item created automatically
+4. Check that all details are correct
+
+### Option 2: Product with Variants (Using SAC/SAV)
+
+For products with multiple colors/sizes, use the Style Attribute Configurator:
+
+#### Step 1: Create Item Template
+
+Navigate to: **Desk → Stock → Item → New**
+
+**Basic Settings:**
+- **Item Code**: Template code (e.g., "TSHIRT-CLASSIC-TEMPLATE")
+- **Item Name**: Template name (e.g., "Classic T-Shirt Template")
+- ☑️ **Has Variants**: Yes
+- **Item Group**: Select e-commerce group
+
+**Attributes Tab:**
+Add attributes for variants:
+1. Click "Add Row" in Attributes table
+2. **Attribute**: Select "Color"
+3. Add color values (Red, Blue, Green, etc.)
+4. Add another row for **Attribute**: "Size"
+5. Add size values (S, M, L, XL, etc.)
+
+**Other Settings:**
+- Configure sales details, descriptions, and images as above
+- Set default pricing
+
+Save the item template.
+
+#### Step 2: Create Style Attribute Configurator (SAC)
+
+Navigate to: **Desk → Lifestyle Shop Ecommerce → Style Attribute Configurator → New**
+
+1. **Item Template**: Select your template (e.g., "TSHIRT-CLASSIC-TEMPLATE")
+2. **Item Attribute**: Select primary attribute (usually "Color")
+3. **Recommended Items**: Add items to show as "You May Also Like" (optional)
+4. Save
+
+#### Step 3: Create Style Attribute Variants (SAV)
+
+Navigate to: **Desk → Lifestyle Shop Ecommerce → Style Attribute Variant → New**
+
+For each color variant:
+
+1. **Configurator**: Select the SAC you created
+2. **Attribute Value**: Select color (e.g., "Red")
+3. **Variant Item Code Prefix**: Enter prefix (e.g., "TSHIRT-RED")
+4. **Image**: Upload image for this color variant
+5. **Description**: Optional description specific to this variant
+
+**Size Configuration:**
+Click "Add Row" in the Color Size Items table for each size:
+- **Size**: Select size (S, M, L, XL)
+- **Item Code Suffix**: Optional suffix (e.g., "-S", "-M")
+- **Stock Qty**: Enter available quantity for this size
+- **Published on Website**: ☑️ Check to publish
+- **Regular Price**: Enter price (will use default if not specified)
+
+Repeat for each color variant.
+
+#### Step 4: Publish Variants
+
+After saving all SAV records:
+1. Go back to **Lifestyle Settings**
+2. Click "Publish Variants for All Templates"
+3. This creates all variant combinations and publishes them to the website
+
+---
+
+## Publishing to Website
+
+### Verify Product Publication
+
+1. Navigate to: **Desk → Website → Website Item**
+2. Find your product
+3. Check these fields:
+   - ☑️ Published
+   - Website Item Groups are set
+   - Item Group shows correct e-commerce group
+   - Images are uploaded
+   - Price is set
+
+### Set Item Group Display
+
+Navigate to: **Desk → Stock → Item Group**
+
+For each e-commerce group (Men, Women, Kids):
+1. Open the Item Group
+2. **Custom Fields:**
+   - **DisplayName**: Display name for backend
+   - **Ecommerce Display Name**: Display name for website
+   - ☑️ **Display on Website**: Check this
+3. **Website Settings:**
+   - ☑️ **Show in Website**: Check this
+   - **Route**: Auto-generated or custom (e.g., "men", "women")
+   - **Website Title**: Title for the category page
+   - **Description**: Banner/description for category page (supports HTML)
+   - **Slideshow**: Optional slideshow for category page
+4. Save
+
+---
+
+## Accessing the Frontend
+
+### Default Routes
+
+The LS Shop frontend uses URL-based language routing:
+
+**English Routes:**
+- Homepage: `https://your-site.com/en`
+- Product Catalog: `https://your-site.com/en/products`
+- Specific Product: `https://your-site.com/en/products/product-slug`
+- Cart: `https://your-site.com/en/cart`
+- Checkout: `https://your-site.com/en/cart/checkout`
+- User Account: `https://your-site.com/en/account/dashboard`
+
+**Arabic Routes (RTL):**
+- Homepage: `https://your-site.com/ar`
+- Product Catalog: `https://your-site.com/ar/products`
+- And so on...
+
+### Testing Your First Product
+
+1. Open browser to: `https://your-site.com/en/products`
+2. You should see your published products
+3. Click on a product to view details
+4. Test add to cart functionality
+5. Proceed to checkout to test the full flow
+
+### Guest Checkout vs User Accounts
+
+- **Guest Checkout**: Customers can checkout without creating an account
+- **User Accounts**: Customers can register to track orders and save addresses
+
+---
+
+## Advanced Features
+
+### Bulk Operations
+
+#### Bulk Image Upload
+For uploading multiple product images at once:
+1. Navigate to: **Desk → Lifestyle Shop Ecommerce → Bulk Image Upload**
+2. Follow the tool to upload images in bulk
+
+#### Bulk Variant Publishing
+To publish multiple variants at once:
+1. Navigate to: **Lifestyle Settings → Bulk Actions / Import Tab**
+2. Use "Publish Variants for All Templates" button
+
+### Landing Page Configuration
+
+Configure hero banners and featured sections:
+1. Navigate to: **Desk → Lifestyle Shop Ecommerce → Landing Page Settings**
+2. Add hero banners, featured categories, and promotional sections
+
+### Size Charts
+
+Add size charts for products:
+1. Navigate to: **Desk → Lifestyle Shop Ecommerce → Size Chart**
+2. Create size charts for different item groups
+3. Link to items or item groups
+
+### Payment Gateway Configuration
+
+#### Telr Payment Gateway
+1. Navigate to: **Desk → Lifestyle Shop Ecommerce → Telr Settings**
+2. Enter:
+   - Store ID
+   - Auth Key
+   - Test/Live Mode settings
+3. Save
+
+#### Tabby Buy Now Pay Later
+Install the Tabby app and configure:
+```bash
+bench get-app https://github.com/cinnamonlabs/tabby_frappe
+bench --site your-site-name install-app tabby_frappe
+```
+
+### Multi-Store Support
+
+LS Shop supports multiple physical store locations for pickup orders.
+
+---
+
+## Troubleshooting
+
+### Product Not Showing on Website
+
+**Check these in order:**
+
+1. **Item Configuration:**
+   - ☑️ Is "Show in Website" checked?
+   - Is "Website Warehouse" set?
+   - Is stock available in the warehouse?
+   - Are images uploaded?
+
+2. **Website Item:**
+   - Navigate to Website Item
+   - ☑️ Is "Published" checked?
+   - Are "Website Item Groups" set?
+   - Is the item group correct?
+
+3. **Item Group:**
+   - Is the Item Group published to website?
+   - ☑️ Is "Show in Website" checked?
+   - Are custom display name fields filled?
+
+4. **Price:**
+   - Is an Item Price created?
+   - Is the Price List correct?
+   - Is the price greater than zero?
+
+### Installation Errors
+
+#### "Error creating Ecommerce groups"
+
+This has been fixed in the latest version. If you encounter this:
+1. Check that custom fields are installed: `custom_displayname` and `custom_item_group_display_name`
+2. Check Error Log in Frappe Desk for detailed error
+3. Manually create root Item Group if needed
+
+#### Missing Dependencies
+
+```bash
+# Reinstall dependencies
+bench --site your-site-name install-app webshop
+bench --site your-site-name install-app payments
+```
+
+### Frontend Issues
+
+#### Pages Not Loading / 404 Errors
+
+1. **Clear cache:**
+```bash
+bench --site your-site-name clear-cache
+bench --site your-site-name clear-website-cache
+```
+
+2. **Rebuild assets:**
+```bash
+bench build --app ls_shop
+```
+
+3. **Restart services:**
+```bash
+bench restart
+```
+
+#### Images Not Displaying
+
+1. Check file permissions on `/public/files/`
+2. Verify image paths in Website Item
+3. Ensure images are in correct format (JPG, PNG, WebP)
+4. Check image file size (recommended < 500KB for optimal performance)
+
+### Checkout Issues
+
+#### Payment Gateway Not Working
+
+1. **Verify payment gateway configuration:**
+   - Check Telr Settings are complete
+   - Test mode vs Live mode settings
+   - API credentials are correct
+
+2. **Check Lifestyle Settings:**
+   - Payment modes are enabled
+   - COD settings are configured if using COD
+
+#### Orders Not Creating
+
+1. **Check required settings:**
+   - Default Price List is set
+   - Ecommerce Warehouse is set
+   - Company is configured in ERPNext
+   - Tax templates are set up (if applicable)
+
+2. **Check user permissions:**
+   - Guest user has permissions to create Quotations
+   - Sales Order creation permissions are correct
+
+### Performance Optimization
+
+#### Slow Product Pages
+
+1. **Optimize images:**
+   - Use WebP format
+   - Compress images to < 200KB
+   - Use appropriate dimensions (1000x1000px for main images)
+
+2. **Enable caching:**
+```bash
+# In site_config.json
+{
+  "enable_website_cache": 1,
+  "cache_timeout": 3600
+}
+```
+
+3. **Database optimization:**
+```bash
+bench --site your-site-name mariadb
+# Run MySQL optimization commands
+```
+
+---
+
+## Getting Help
+
+### Resources
+
+- **Documentation**: [ERPNext E-Commerce Docs](https://docs.erpnext.com/docs/user/manual/en/e_commerce)
+- **Community Forum**: [Frappe Forum](https://discuss.frappe.io/)
+- **GitHub Issues**: [LS Shop Issues](https://github.com/BuildWithHussain/ls_shop/issues)
+
+### Common Support Channels
+
+1. Create an issue on GitHub with:
+   - Frappe/ERPNext versions
+   - Detailed error messages
+   - Steps to reproduce
+   - Screenshots if applicable
+
+2. Post on Frappe Forum with tag `ls_shop`
+
+---
+
+## Next Steps
+
+After completing this setup:
+
+1. **Customize Design**: Modify templates and styling to match your brand
+2. **Configure SEO**: Add meta descriptions, keywords for products
+3. **Set Up Analytics**: Integrate Google Analytics or similar
+4. **Configure Email**: Set up email domain and templates
+5. **Test Complete Flow**: Go through entire purchase process
+6. **Set Up Shipping**: Configure shipping rules and carriers
+7. **Launch**: Announce your store and start selling!
+
+---
+
+## Credits
+
+LS Shop is developed and maintained by **BWH Studios** - Specializing in Frappe customizations and consulting.
+
+---
+
+**Last Updated**: 2025-10-03
+**Version**: 1.0
+
+For the latest updates and detailed documentation, visit the [LS Shop GitHub Repository](https://github.com/BuildWithHussain/ls_shop).
\ No newline at end of file
diff --git a/ls_shop/install_demo_data.py b/ls_shop/install_demo_data.py
new file mode 100644
index 0000000..5f7ff63
--- /dev/null
+++ b/ls_shop/install_demo_data.py
@@ -0,0 +1,960 @@
+"""
+Demo Data Installation Script for LS Shop
+==========================================
+
+This script populates the system with demo data to test the complete e-commerce workflow.
+
+Usage:
+    bench --site your-site-name execute ls_shop.install_demo_data.install_demo_data
+
+Features:
+- Creates ERPNext prerequisites (Attributes, Price Lists, Brands, Shipping Rules)
+- Creates demo product templates with variants
+- Sets up Style Attribute Configurators and Variants
+- Configures Lifestyle Settings
+- Publishes products to website with proper routing
+"""
+
+import random
+
+import frappe
+from frappe import _
+from frappe.utils import cint, flt, random_string
+
+
+def install_demo_data():
+	"""Main function to install all demo data"""
+	frappe.flags.in_demo_data = True
+
+	print("\n" + "=" * 60)
+	print("Installing LS Shop Demo Data")
+	print("=" * 60 + "\n")
+
+	try:
+		# Step 1: Prerequisites
+		print("Step 1: Creating Prerequisites...")
+		create_item_attributes()
+		create_brands()
+		create_price_lists()
+		create_shipping_rule()
+
+		# Step 2: Configure Lifestyle Settings
+		print("\nStep 2: Configuring Lifestyle Settings...")
+		configure_lifestyle_settings()
+		# Step 2.1: Create Ecommerce Structure
+		print("\nStep 2.1: Creating Ecommerce Structure...")
+		create_ecommerce_group()
+		create_ecommerce_categories()
+		create_default_footer_sections()
+
+		# Step 3: Create demo products
+		print("\nStep 3: Creating Demo Products...")
+		create_demo_products()
+
+		# Step 4: Publish Style Attribute Variants
+		print("\nStep 4: Publishing Style Attribute Variants...")
+		publish_style_variants()
+
+		# Step 5: Create Website Items and Publish
+		print("\nStep 5: Creating and Publishing Website Items...")
+		create_website_items()
+
+		# Step 6: Fix routing
+		print("\nStep 6: Fixing Product Routes...")
+		fix_product_routes()
+
+		# Step 7: Clear cache
+		print("\nStep 7: Clearing Cache...")
+		frappe.clear_cache()
+
+		print("\n" + "=" * 60)
+		print("✅ Demo Data Installation Complete!")
+		print("=" * 60)
+		print("\nYou can now access the shop at:")
+		print("  English: https://your-site.com/en/products")
+		print("  Arabic:  https://your-site.com/ar/products")
+		print("\nDemo products created (Car Parts Theme):")
+		print("  - Premium Brake Pads (Multiple colors & sizes)")
+		print("  - High-Flow Air Filter (Multiple colors & sizes)")
+		print("  - All-Weather Floor Mats (Multiple colors & sizes)")
+		print("\nDemo Categories created:")
+		print("  - Engine Parts")
+		print("  - Brake System")
+		print("  - Interior Accessories")
+		print("\n")
+
+		frappe.db.commit()  # nosemgrep: manual commit required for demo data installation completion
+
+	except Exception as e:
+		frappe.db.rollback()
+		print(f"\n❌ Error during demo data installation: {e!s}")
+		import traceback
+
+		traceback.print_exc()
+		raise
+	finally:
+		frappe.flags.in_demo_data = False
+
+
+def create_item_attributes():
+	"""Create Item Attributes for variants"""
+	print("  - Creating Item Attributes...")
+
+	# Color attribute
+	ensure_attribute_values(
+		"Color",
+		[
+			("Red", "RED"),
+			("Blue", "BLU"),
+			("Black", "BLK"),
+			("White", "WHT"),
+			("Green", "GRN"),
+			("Navy", "NVY"),
+			("Gray", "GRY"),
+		],
+	)
+
+	# Size attribute
+	ensure_attribute_values(
+		"Size",
+		[
+			("XS", "XS"),
+			("S", "S"),
+			("M", "M"),
+			("L", "L"),
+			("XL", "XL"),
+			("XXL", "XXL"),
+		],
+		numeric=True,
+	)
+
+
+def ensure_attribute_values(attribute_name, values, numeric=False):
+	"""Ensure an Item Attribute exists with all required values"""
+
+	if not frappe.db.exists("Item Attribute", attribute_name):
+		# Create new attribute
+		attr = frappe.get_doc(
+			{
+				"doctype": "Item Attribute",
+				"attribute_name": attribute_name,
+				"numeric_values": 1 if numeric else 0,
+				"item_attribute_values": [{"attribute_value": val, "abbr": abbr} for val, abbr in values],
+			}
+		)
+		attr.insert(ignore_permissions=True)
+		frappe.db.commit()  # nosemgrep: manual commit required for attribute creation in demo data
+		print(f"    ✓ {attribute_name} attribute created")
+	else:
+		# Attribute exists, just print message
+		# Don't try to update to avoid abbreviation conflicts
+		print(f"    • {attribute_name} attribute already exists")
+
+
+def create_brands():
+	"""Create demo brands"""
+	print("  - Creating Brands...")
+
+	brands = ["Brembo", "K&N", "WeatherTech", "Lifestyle Store"]
+
+	for brand_name in brands:
+		if not frappe.db.exists("Brand", brand_name):
+			brand = frappe.get_doc({"doctype": "Brand", "brand": brand_name})
+			brand.insert(ignore_permissions=True)
+			print(f"    ✓ Brand '{brand_name}' created")
+		else:
+			print(f"    • Brand '{brand_name}' already exists")
+
+
+def create_price_lists():
+	"""Create price lists"""
+	print("  - Creating Price Lists...")
+
+	price_lists = [
+		{"name": "Standard Selling", "currency": "USD", "enabled": 1, "buying": 0, "selling": 1},
+		{"name": "Sale Price List", "currency": "USD", "enabled": 1, "buying": 0, "selling": 1},
+	]
+
+	for pl_data in price_lists:
+		if not frappe.db.exists("Price List", pl_data["name"]):
+			pl = frappe.get_doc(
+				{
+					"doctype": "Price List",
+					"price_list_name": pl_data["name"],
+					"currency": pl_data["currency"],
+					"enabled": pl_data["enabled"],
+					"buying": pl_data["buying"],
+					"selling": pl_data["selling"],
+				}
+			)
+			pl.insert(ignore_permissions=True)
+			print(f"    ✓ Price List '{pl_data['name']}' created")
+		else:
+			print(f"    • Price List '{pl_data['name']}' already exists")
+
+
+def create_shipping_rule():
+	"""Create a basic shipping rule"""
+	print("  - Creating Shipping Rule...")
+
+	if not frappe.db.exists("Shipping Rule", "Standard Shipping"):
+		# Get company for shipping rule
+		company = frappe.defaults.get_user_default("Company") or frappe.db.get_value("Company", {}, "name")
+
+		if not company:
+			print("    ⚠ Skipping Shipping Rule creation - no Company found")
+			return
+
+		# Get required account and cost center
+		company_abbr = frappe.db.get_value("Company", company, "abbr")
+
+		# Get or create Freight and Forwarding Charges account
+		account = frappe.db.get_value(
+			"Account", {"account_name": "Freight and Forwarding Charges", "company": company}, "name"
+		)
+		if not account:
+			account = f"Freight and Forwarding Charges - {company_abbr}"
+
+		# Get default cost center
+		cost_center = frappe.db.get_value("Cost Center", {"company": company, "is_group": 0}, "name")
+		if not cost_center:
+			cost_center = f"Main - {company_abbr}"
+
+		shipping_rule = frappe.get_doc(
+			{
+				"doctype": "Shipping Rule",
+				"label": "Standard Shipping",
+				"shipping_rule_type": "Selling",
+				"calculate_based_on": "Net Total",
+				"company": company,
+				"account": account,
+				"cost_center": cost_center,
+				"conditions": [
+					{"from_value": 0, "to_value": 50, "shipping_amount": 10},
+					{"from_value": 50, "to_value": 999999, "shipping_amount": 0},
+				],
+			}
+		)
+		shipping_rule.insert(ignore_permissions=True)
+		print("    ✓ Shipping Rule 'Standard Shipping' created")
+	else:
+		print("    • Shipping Rule already exists")
+
+
+def ensure_warehouse_exists():
+	"""Ensure a warehouse exists for demo data"""
+	# Try to find existing non-group warehouse
+	warehouse = frappe.db.get_value("Warehouse", {"is_group": 0}, "name")
+
+	if warehouse:
+		return warehouse
+
+	# Get company
+	company = frappe.defaults.get_user_default("Company") or frappe.db.get_value("Company", {}, "name")
+
+	if not company:
+		frappe.throw(_("Please create a Company first before running demo data"))
+
+	# Create default warehouse
+	company_abbr = frappe.db.get_value("Company", company, "abbr")
+	warehouse_name = f"Stores - {company_abbr}"
+
+	if not frappe.db.exists("Warehouse", warehouse_name):
+		warehouse = frappe.get_doc(
+			{"doctype": "Warehouse", "warehouse_name": "Stores", "company": company, "is_group": 0}
+		)
+		warehouse.insert(ignore_permissions=True)
+		print(f"    ✓ Warehouse '{warehouse_name}' created")
+		return warehouse.name
+
+	return warehouse_name
+
+
+def configure_lifestyle_settings():
+	"""Configure Lifestyle Settings"""
+	print("  - Configuring Lifestyle Settings...")
+
+	# Ensure warehouse exists
+	warehouse = ensure_warehouse_exists()
+
+	# Get or create settings
+	if frappe.db.exists("Lifestyle Settings", "Lifestyle Settings"):
+		settings = frappe.get_doc("Lifestyle Settings", "Lifestyle Settings")
+	else:
+		settings = frappe.get_doc({"doctype": "Lifestyle Settings"})
+
+	# Configure settings
+	settings.default_price_list = "Standard Selling"
+	settings.sale_price_list = "Sale Price List"
+	settings.ecommerce_warehouse = warehouse
+	settings.shipping_rule = (
+		"Standard Shipping" if frappe.db.exists("Shipping Rule", "Standard Shipping") else None
+	)
+	settings.return_period = 30
+	settings.cod_enabled = 1
+	settings.cod_charge = 5.00
+	settings.cod_charge_applicable_below = 100.00
+
+	# Email templates (use existing from fixtures)
+	settings.order_confirmation_email_template = "Order Confirmation"
+	settings.order_cancellation_email_template = "Order Cancellation"
+	settings.item_in_stock_email_template = "Item In Stock"
+
+	# Return reasons
+	if not settings.reason_for_return:
+		reasons = ["Wrong Size", "Wrong Color", "Defective Product", "Not as Described", "Changed Mind"]
+		for reason_text in reasons:
+			settings.append("reason_for_return", {"display_name": reason_text})
+
+	settings.save(ignore_permissions=True)
+	print("    ✓ Lifestyle Settings configured")
+
+
+def get_available_attribute_values(attribute_name):
+	"""Get all available values for an attribute"""
+	if not frappe.db.exists("Item Attribute", attribute_name):
+		return []
+
+	return frappe.get_all(
+		"Item Attribute Value",
+		filters={"parent": attribute_name},
+		fields=["attribute_value"],
+		pluck="attribute_value",
+	)
+
+
+def create_demo_products():
+	"""Create demo product templates and variants"""
+
+	# Get available attribute values from system
+	available_colors = get_available_attribute_values("Color")
+	available_sizes = get_available_attribute_values("Size")
+
+	if not available_colors:
+		print("  ⚠ No Color attribute values found. Skipping demo products.")
+		return
+
+	if not available_sizes:
+		print("  ⚠ No Size attribute values found. Skipping demo products.")
+		return
+
+	# Use only available colors and sizes
+	colors_to_use = [c for c in ["Black", "White", "Navy", "Gray", "Blue", "Red"] if c in available_colors]
+	sizes_to_use = [s for s in ["XS", "S", "M", "L", "XL", "XXL"] if s in available_sizes]
+
+	if not colors_to_use:
+		colors_to_use = available_colors[:4]  # Use first 4 available colors
+
+	if not sizes_to_use:
+		sizes_to_use = available_sizes[:5]  # Use first 5 available sizes
+
+	products = [
+		{
+			"code": "BRAKE-PADS",
+			"name": "Premium Brake Pads",
+			"item_group": "Brake System",
+			"brand": "Lifestyle Store",
+			"description": "High-performance ceramic brake pads with superior stopping power and minimal dust.",
+			"colors": colors_to_use[:3],  # Use up to 3 colors
+			"sizes": sizes_to_use[:4],  # Use up to 4 sizes (can represent different fitment types)
+			"base_price": 89.99,
+			"sale_price": 74.99,
+		},
+		{
+			"code": "AIR-FILTER",
+			"name": "High-Flow Air Filter",
+			"item_group": "Engine Parts",
+			"brand": "K&N",
+			"description": "Performance air filter for improved engine airflow and horsepower. Washable and reusable.",
+			"colors": colors_to_use[:2],  # Use up to 2 colors
+			"sizes": sizes_to_use[:3],  # Use up to 3 sizes
+			"base_price": 49.99,
+			"sale_price": 39.99,
+		},
+		{
+			"code": "FLOOR-MATS",
+			"name": "All-Weather Floor Mats",
+			"item_group": "Interior Accessories",
+			"brand": "Lifestyle Store",
+			"description": "Durable rubber floor mats with raised edges to contain spills and debris. Perfect fit guaranteed.",
+			"colors": colors_to_use[:4],  # Use up to 4 colors
+			"sizes": sizes_to_use[:5],  # Use up to 5 sizes (different vehicle models)
+			"base_price": 59.99,
+			"sale_price": 49.99,
+		},
+	]
+
+	print(f"  Using {len(colors_to_use)} colors: {', '.join(colors_to_use)}")
+	print(f"  Using {len(sizes_to_use)} sizes: {', '.join(sizes_to_use)}")
+
+	for product in products:
+		print(f"\n  Creating product: {product['name']}")
+		create_product_with_variants(product)
+
+
+def create_product_with_variants(product_data):
+	"""Create a product template with all its variants"""
+
+	# Step 1: Create item template
+	template = create_item_template(product_data)
+	if not template:
+		return
+
+	# Step 2: Create Style Attribute Configurator
+	configurator = create_configurator(template.name, product_data)
+	if not configurator:
+		return
+
+	# Step 3: Create Style Attribute Variants (one per color)
+	for color in product_data["colors"]:
+		create_style_variant(configurator.name, template.name, color, product_data)
+
+	# Step 4: Create actual item variants and link them
+	create_item_variants(template.name, product_data)
+
+
+def create_item_template(product_data):
+	"""Create an item template (parent item with variants)"""
+
+	item_code = product_data["code"]
+
+	if frappe.db.exists("Item", item_code):
+		print(f"    • Template '{item_code}' already exists")
+		return frappe.get_doc("Item", item_code)
+
+	# Get company for default accounts
+	# company = frappe.defaults.get_user_default("Company") or frappe.db.get_value("Company", {}, "name")
+
+	# Get attribute values for template
+	color_values = frappe.get_all(
+		"Item Attribute Value",
+		filters={"parent": "Color"},
+		fields=["attribute_value"],
+		pluck="attribute_value",
+	)
+
+	size_values = frappe.get_all(
+		"Item Attribute Value",
+		filters={"parent": "Size"},
+		fields=["attribute_value"],
+		pluck="attribute_value",
+	)
+
+	item = frappe.get_doc(
+		{
+			"doctype": "Item",
+			"item_code": item_code,
+			"item_name": product_data["name"],
+			"item_group": product_data["item_group"],
+			"brand": product_data["brand"],
+			"stock_uom": "Nos",
+			"is_stock_item": 1,
+			"include_item_in_manufacturing": 0,
+			"has_variants": 1,
+			"variant_based_on": "Item Attribute",
+			"description": product_data["description"],
+			"custom_displayname": product_data["name"],
+			"custom_item_group_display_name": product_data["name"],
+			"attributes": [
+				{"attribute": "Color", "attribute_value": "\n".join(color_values) if color_values else ""},
+				{"attribute": "Size", "attribute_value": "\n".join(size_values) if size_values else ""},
+			],
+		}
+	)
+
+	item.insert(ignore_permissions=True)
+	print(f"    ✓ Template '{item_code}' created")
+	return item
+
+
+def create_configurator(template_name, product_data):
+	"""Create Style Attribute Configurator"""
+
+	# Check if configurator exists
+	existing = frappe.db.get_value("Style Attribute Configurator", {"item_template": template_name}, "name")
+
+	if existing:
+		print(f"    • Configurator for '{template_name}' already exists")
+		return frappe.get_doc("Style Attribute Configurator", existing)
+
+	configurator = frappe.get_doc(
+		{"doctype": "Style Attribute Configurator", "item_template": template_name, "item_attribute": "Color"}
+	)
+
+	configurator.insert(ignore_permissions=True)
+	print(f"    ✓ Configurator created for '{template_name}'")
+	return configurator
+
+
+def create_style_variant(configurator_name, template_name, color, product_data):
+	"""Create Style Attribute Variant for a specific color"""
+
+	# Check if variant exists
+	existing = frappe.db.get_value(
+		"Style Attribute Variant", {"configurator": configurator_name, "attribute_value": color}, "name"
+	)
+
+	if existing:
+		print(f"    • Style variant '{color}' already exists")
+		return frappe.get_doc("Style Attribute Variant", existing)
+
+	# Route should NOT include language prefix - hooks.py handles that
+	route_slug = f"{product_data['code'].lower()}-{color.lower()}"
+
+	variant = frappe.get_doc(
+		{
+			"doctype": "Style Attribute Variant",
+			"configurator": configurator_name,
+			"item_style": template_name,
+			"attribute_value": color,
+			"attribute_name": "Color",
+			"display_name": f"{product_data['name']} - {color}",
+			"item_group": product_data["item_group"],
+			"is_published": 1,
+			"route": route_slug,
+			"images": [
+				{
+					"image": f"https://via.placeholder.com/800x800/{'000000' if color == 'Black' else '0000FF' if color == 'Blue' else 'FF0000' if color == 'Red' else 'FFFFFF'}/FFFFFF?text={color}+{product_data['name'].replace(' ', '+')}",
+				}
+			],
+		}
+	)
+
+	variant.insert(ignore_permissions=True)
+	print(f"    ✓ Style variant '{color}' created")
+	return variant
+
+
+def create_item_variants(template_name, product_data):
+	"""Create actual item variants for all color/size combinations"""
+
+	# warehouse = ensure_warehouse_exists()
+	# company = frappe.defaults.get_user_default("Company") or frappe.db.get_value("Company", {}, "name")
+
+	for color in product_data["colors"]:
+		for size in product_data["sizes"]:
+			variant_code = f"{product_data['code']}-{color[:3].upper()}-{size}"
+
+			if frappe.db.exists("Item", variant_code):
+				continue
+
+			# Create variant item
+			variant = frappe.get_doc(
+				{
+					"doctype": "Item",
+					"item_code": variant_code,
+					"item_name": f"{product_data['name']} - {color} - {size}",
+					"item_group": product_data["item_group"],
+					"brand": product_data["brand"],
+					"stock_uom": "Nos",
+					"is_stock_item": 1,
+					"variant_of": template_name,
+					"description": product_data["description"],
+					"custom_displayname": f"{product_data['name']} {color} {size}",
+					"custom_item_group_display_name": f"{product_data['name']} {color} {size}",
+					"attributes": [
+						{"attribute": "Color", "attribute_value": color},
+						{"attribute": "Size", "attribute_value": size},
+					],
+					"opening_stock": random.randint(50, 200),
+					"valuation_rate": product_data["base_price"] * 0.5,
+				}
+			)
+
+			variant.insert(ignore_permissions=True)
+
+			# Create item prices
+			create_item_price(variant_code, "Standard Selling", product_data["base_price"])
+			create_item_price(variant_code, "Sale Price List", product_data["sale_price"])
+
+			# Link to Style Attribute Variant
+			link_to_style_variant(template_name, color, size, variant_code)
+
+	print(f"    ✓ All variants created for {template_name}")
+
+
+def create_item_price(item_code, price_list, rate):
+	"""Create item price"""
+	if not frappe.db.exists("Item Price", {"item_code": item_code, "price_list": price_list}):
+		price = frappe.get_doc(
+			{
+				"doctype": "Item Price",
+				"item_code": item_code,
+				"price_list": price_list,
+				"price_list_rate": rate,
+			}
+		)
+		price.insert(ignore_permissions=True)
+
+
+def link_to_style_variant(template_name, color, size, variant_code):
+	"""Link item variant to Style Attribute Variant"""
+
+	# Get configurator
+	configurator = frappe.db.get_value(
+		"Style Attribute Configurator", {"item_template": template_name}, "name"
+	)
+
+	if not configurator:
+		return
+
+	# Get style variant
+	style_variant = frappe.db.get_value(
+		"Style Attribute Variant", {"configurator": configurator, "attribute_value": color}, "name"
+	)
+
+	if not style_variant:
+		return
+
+	# Update style variant with size mapping
+	sv_doc = frappe.get_doc("Style Attribute Variant", style_variant)
+
+	# Check if size already exists
+	existing = False
+	for row in sv_doc.sizes:
+		if row.size == size:
+			existing = True
+			break
+
+	if not existing:
+		sv_doc.append("sizes", {"size": size, "item_code": variant_code})
+		sv_doc.save(ignore_permissions=True)
+
+
+def publish_style_variants():
+	"""Ensure all Style Attribute Variants are published"""
+	print("  - Publishing Style Attribute Variants...")
+
+	savs = frappe.get_all("Style Attribute Variant", fields=["name", "display_name"])
+
+	published = 0
+	for sav in savs:
+		# Check if it has Color Size Items
+		has_sizes = frappe.db.exists("Color Size Item", {"parent": sav.name})
+
+		if has_sizes:
+			frappe.db.set_value("Style Attribute Variant", sav.name, "is_published", 1)
+			published += 1
+
+	print(f"    ✓ Published {published} Style Attribute Variants")
+
+
+def create_website_items():
+	"""Create and publish Website Items for all demo products"""
+	print("  - Creating Website Items...")
+
+	# Get all demo items (variants only, not templates)
+	items = frappe.get_all(
+		"Item",
+		filters={
+			"has_variants": 0,
+			"is_stock_item": 1,
+			"variant_of": ["in", ["BRAKE-PADS", "AIR-FILTER", "FLOOR-MATS"]],
+		},
+		fields=["name", "item_name", "item_group", "brand", "description", "variant_of"],
+	)
+
+	warehouse = ensure_warehouse_exists()
+
+	count_created = 0
+	count_published = 0
+
+	for item in items:
+		# Get full item details
+		item_doc = frappe.get_doc("Item", item.name)
+
+		# Check if Website Item already exists
+		existing_wi = frappe.db.get_value("Website Item", {"item_code": item.name}, "name")
+
+		if not existing_wi:
+			# Get item group for website_item_groups
+			item_groups = [item.item_group] if item.item_group else []
+
+			# Create Website Item manually
+			wi = frappe.get_doc(
+				{
+					"doctype": "Website Item",
+					"item_code": item.name,
+					"item_name": item.item_name,
+					"web_item_name": item.item_name,
+					"item_group": item.item_group,
+					"brand": item.brand,
+					"description": item.description or item_doc.description or "",
+					"website_warehouse": warehouse,
+					"published": 1,
+					"website_item_groups": [{"item_group": ig} for ig in item_groups] if item_groups else [],
+				}
+			)
+			wi.insert(ignore_permissions=True)
+			count_created += 1
+		else:
+			# Publish and update existing Website Item
+			wi_doc = frappe.get_doc("Website Item", existing_wi)
+			wi_doc.published = 1
+			wi_doc.website_warehouse = warehouse
+
+			# Ensure website_item_groups is set
+			if not wi_doc.website_item_groups and item.item_group:
+				wi_doc.append("website_item_groups", {"item_group": item.item_group})
+
+			wi_doc.save(ignore_permissions=True)
+			count_published += 1
+
+	print(f"    ✓ Created {count_created} Website Items")
+	print(f"    ✓ Published {count_published} existing Website Items")
+
+
+def fix_product_routes():
+	"""Fix product routes - ensure clean slugs without prefixes"""
+	print("  - Fixing product routes...")
+
+	# Fix Style Attribute Variant routes
+	savs = frappe.get_all(
+		"Style Attribute Variant", fields=["name", "route", "attribute_value", "item_style"]
+	)
+	sav_count = 0
+
+	for sav in savs:
+		# Get template code for route generation
+		template_code = frappe.db.get_value("Item", sav.item_style, "item_code")
+		if template_code:
+			# Generate clean slug: template-color
+			clean_route = f"{template_code.lower()}-{sav.attribute_value.lower()}".replace("_", "-").replace(
+				" ", "-"
+			)
+
+			# Update if different
+			if sav.route != clean_route:
+				frappe.db.set_value("Style Attribute Variant", sav.name, "route", clean_route)
+				sav_count += 1
+
+	# Fix Website Item routes
+	website_items = frappe.get_all("Website Item", fields=["name", "item_code", "route"])
+	wi_count = 0
+
+	for wi in website_items:
+		# Generate clean slug from item code
+		clean_route = wi.item_code.lower().replace("_", "-").replace(" ", "-")
+
+		# Remove any existing prefix if present
+		if wi.route and ("en/products/" in wi.route or "ar/products/" in wi.route):
+			clean_route = wi.route.replace("en/products/", "").replace("ar/products/", "")
+
+		# Update if needed
+		if wi.route != clean_route:
+			frappe.db.set_value("Website Item", wi.name, "route", clean_route)
+			wi_count += 1
+
+	print(f"    ✓ Fixed {sav_count} SAV routes")
+	print(f"    ✓ Fixed {wi_count} Website Item routes")
+	print("    Note: Routes are clean slugs - hooks.py adds /en/products/ prefix")
+
+
+def create_ecommerce_group():
+	"""Create Ecommerce Website parent and car parts category item groups"""
+	parent = "Ecommerce Website"
+
+	# Car parts categories (matching Ecommerce Category doctype)
+	parent_categories = {
+		"Engine Parts": "Engine Parts",
+		"Brake System": "Brake System",
+		"Interior Accessories": "Interior Accessories",
+	}
+
+	# Find or create root item group
+	root_item_group = get_root_item_group()
+
+	# Create parent group
+	frappe.get_doc(
+		{
+			"doctype": "Item Group",
+			"item_group_name": parent,
+			"is_group": True,
+			"parent_item_group": root_item_group,
+			"custom_displayname": parent,
+			"custom_item_group_display_name": parent,
+		}
+	).insert(ignore_if_duplicate=True)
+
+	# Create car parts category item groups
+	for category_name, display_name in parent_categories.items():
+		frappe.get_doc(
+			{
+				"doctype": "Item Group",
+				"item_group_name": category_name,
+				"is_group": True,
+				"parent_item_group": parent,
+				"custom_displayname": display_name,
+				"custom_item_group_display_name": display_name,
+			}
+		).insert(ignore_if_duplicate=True)
+
+
+def get_root_item_group():
+	"""Find or create the root item group"""
+	# Try to find existing root item group (parent_item_group is null)
+	root_groups = frappe.get_all(
+		"Item Group", filters={"parent_item_group": ["in", ["", None]]}, fields=["name"], limit=1
+	)
+
+	if root_groups:
+		return root_groups[0].name
+
+	# If no root exists, create "All Item Groups"
+	root_name = "All Item Groups"
+	if not frappe.db.exists("Item Group", root_name):
+		frappe.get_doc(
+			{
+				"doctype": "Item Group",
+				"item_group_name": root_name,
+				"is_group": True,
+				"parent_item_group": "",
+				"custom_displayname": root_name,
+				"custom_item_group_display_name": root_name,
+			}
+		).insert(ignore_permissions=True)
+
+	return root_name
+
+
+def create_ecommerce_categories():
+	"""Create default Ecommerce Categories (now database-driven instead of hardcoded)"""
+
+	# Default categories - users can rename or modify these later
+	# Using car parts theme as per requirements
+	categories = [
+		{
+			"category_name": "Engine Parts",
+			"display_name": "Engine Parts",
+			"route_slug": "engine-parts",
+			"item_group": "Engine Parts",  # Links to Item Group created above
+			"enabled": 1,
+			"display_order": 1,
+		},
+		{
+			"category_name": "Brake System",
+			"display_name": "Brake System",
+			"route_slug": "brake-system",
+			"item_group": "Brake System",  # Links to Item Group created above
+			"enabled": 1,
+			"display_order": 2,
+		},
+		{
+			"category_name": "Interior Accessories",
+			"display_name": "Interior Accessories",
+			"route_slug": "interior-accessories",
+			"item_group": "Interior Accessories",  # Links to Item Group created above
+			"enabled": 1,
+			"display_order": 3,
+		},
+	]
+
+	for cat_data in categories:
+		if not frappe.db.exists("Ecommerce Category", cat_data["category_name"]):
+			cat = frappe.get_doc({"doctype": "Ecommerce Category", **cat_data})
+			cat.insert(ignore_permissions=True)
+			frappe.errprint(f"Created Ecommerce Category: {cat_data['category_name']}")
+		else:
+			frappe.errprint(f"Ecommerce Category '{cat_data['category_name']}' already exists")
+
+
+def create_default_footer_sections():
+	"""Create default footer sections in Lifestyle Settings"""
+
+	if not frappe.db.exists("Lifestyle Settings", "Lifestyle Settings"):
+		frappe.errprint("Lifestyle Settings not found, skipping footer sections")
+		return
+
+	settings = frappe.get_doc("Lifestyle Settings", "Lifestyle Settings")
+
+	# Set default email templates if not already set (required fields)
+	if not settings.order_confirmation_email_template:
+		settings.order_confirmation_email_template = "Order Confirmation"
+
+	if not settings.item_in_stock_email_template:
+		settings.item_in_stock_email_template = "Item In Stock"
+
+	if not settings.order_cancellation_email_template:
+		settings.order_cancellation_email_template = "Order Cancellation"
+
+	# Only create if no footer sections exist
+	if settings.footer_sections:
+		frappe.errprint("Footer sections already exist, skipping")
+		return
+
+	# Default footer sections with common e-commerce links
+	default_sections = [
+		{
+			"section_title": "My Account",
+			"section_order": 1,
+			"enabled": 1,
+			"footer_links": [
+				{"link_label": "My Account", "link_url": "/account/dashboard", "link_order": 1, "enabled": 1},
+				{
+					"link_label": "Orders History",
+					"link_url": "/account/orders",
+					"link_order": 2,
+					"enabled": 1,
+				},
+				{"link_label": "Wishlist", "link_url": "/account/wishlist", "link_order": 3, "enabled": 1},
+				{"link_label": "Track Order", "link_url": "#", "link_order": 4, "enabled": 1},
+			],
+		},
+		{
+			"section_title": "Policies",
+			"section_order": 2,
+			"enabled": 1,
+			"footer_links": [
+				{"link_label": "Privacy Policy", "link_url": "#", "link_order": 1, "enabled": 1},
+				{"link_label": "Terms and Conditions", "link_url": "#", "link_order": 2, "enabled": 1},
+				{"link_label": "Shipping Policy", "link_url": "#", "link_order": 3, "enabled": 1},
+				{"link_label": "Returns Policy", "link_url": "#", "link_order": 4, "enabled": 1},
+				{"link_label": "Payment Policy", "link_url": "#", "link_order": 5, "enabled": 1},
+			],
+		},
+		{
+			"section_title": "Customer Service",
+			"section_order": 3,
+			"enabled": 1,
+			"footer_links": [
+				{"link_label": "FAQ", "link_url": "#", "link_order": 1, "enabled": 1},
+				{"link_label": "Contact Us", "link_url": "#", "link_order": 2, "enabled": 1},
+				{"link_label": "Sizing Charts", "link_url": "#", "link_order": 3, "enabled": 1},
+				{"link_label": "International Shipping", "link_url": "#", "link_order": 4, "enabled": 1},
+			],
+		},
+	]
+
+	# Create Footer Section Config records and link them to Lifestyle Settings
+	for section_data in default_sections:
+		# Create Footer Section Config
+		section_config_name = section_data["section_title"]
+		if not frappe.db.exists("Footer Section Config", section_config_name):
+			section_config = frappe.get_doc(
+				{
+					"doctype": "Footer Section Config",
+					"section_title": section_config_name,
+					"section_order": section_data["section_order"],
+					"enabled": section_data["enabled"],
+					"footer_links": section_data["footer_links"],
+				}
+			)
+			section_config.insert(ignore_permissions=True)
+			frappe.errprint(f"Created Footer Section Config: {section_config_name}")
+
+		# Add to Lifestyle Settings footer_sections (Footer Section Mapping)
+		settings.append(
+			"footer_sections",
+			{
+				"footer_section": section_config_name,
+				"section_order": section_data["section_order"],
+				"enabled": section_data["enabled"],
+			},
+		)
+
+	settings.save(ignore_permissions=True)
+	frappe.errprint("✅ Default footer sections created")
+
+
+if __name__ == "__main__":
+	install_demo_data()
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/ecommerce_category/__init__.py b/ls_shop/lifestyle_shop_ecommerce/doctype/ecommerce_category/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/ecommerce_category/ecommerce_category.json b/ls_shop/lifestyle_shop_ecommerce/doctype/ecommerce_category/ecommerce_category.json
new file mode 100644
index 0000000..7a570c1
--- /dev/null
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/ecommerce_category/ecommerce_category.json
@@ -0,0 +1,125 @@
+{
+	"actions": [],
+	"allow_rename": 1,
+	"autoname": "field:category_name",
+	"creation": "2025-10-03 14:20:00.000000",
+	"doctype": "DocType",
+	"engine": "InnoDB",
+	"field_order": [
+		"category_name",
+		"display_name",
+		"column_break_1",
+		"enabled",
+		"display_order",
+		"section_break_2",
+		"route_slug",
+		"item_group",
+		"section_break_3",
+		"icon",
+		"image"
+	],
+	"fields": [
+		{
+			"fieldname": "category_name",
+			"fieldtype": "Data",
+			"in_list_view": 1,
+			"label": "Category Name",
+			"reqd": 1,
+			"unique": 1
+		},
+		{
+			"fieldname": "display_name",
+			"fieldtype": "Data",
+			"in_list_view": 1,
+			"label": "Display Name",
+			"reqd": 1
+		},
+		{
+			"fieldname": "column_break_1",
+			"fieldtype": "Column Break"
+		},
+		{
+			"default": "1",
+			"fieldname": "enabled",
+			"fieldtype": "Check",
+			"in_list_view": 1,
+			"label": "Enabled"
+		},
+		{
+			"default": "0",
+			"fieldname": "display_order",
+			"fieldtype": "Int",
+			"in_list_view": 1,
+			"label": "Display Order"
+		},
+		{
+			"fieldname": "section_break_2",
+			"fieldtype": "Section Break",
+			"label": "Linking"
+		},
+		{
+			"description": "URL slug for this category (e.g., 'engine-parts')",
+			"fieldname": "route_slug",
+			"fieldtype": "Data",
+			"label": "Route Slug"
+		},
+		{
+			"description": "Optional link to existing Item Group for filtering",
+			"fieldname": "item_group",
+			"fieldtype": "Link",
+			"label": "Item Group",
+			"options": "Item Group"
+		},
+		{
+			"fieldname": "section_break_3",
+			"fieldtype": "Section Break",
+			"label": "Display"
+		},
+		{
+			"description": "Icon name or CSS class",
+			"fieldname": "icon",
+			"fieldtype": "Data",
+			"label": "Icon"
+		},
+		{
+			"fieldname": "image",
+			"fieldtype": "Attach Image",
+			"label": "Image"
+		}
+	],
+	"index_web_pages_for_search": 1,
+	"links": [],
+	"modified": "2025-10-03 14:20:00.000000",
+	"modified_by": "Administrator",
+	"module": "Lifestyle Shop Ecommerce",
+	"name": "Ecommerce Category",
+	"naming_rule": "By fieldname",
+	"owner": "Administrator",
+	"permissions": [
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"export": 1,
+			"print": 1,
+			"read": 1,
+			"report": 1,
+			"role": "System Manager",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"email": 1,
+			"export": 1,
+			"print": 1,
+			"read": 1,
+			"report": 1,
+			"role": "Sales User",
+			"share": 1
+		}
+	],
+	"sort_field": "display_order",
+	"sort_order": "ASC",
+	"states": [],
+	"track_changes": 1
+}
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/ecommerce_category/ecommerce_category.py b/ls_shop/lifestyle_shop_ecommerce/doctype/ecommerce_category/ecommerce_category.py
new file mode 100644
index 0000000..d715496
--- /dev/null
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/ecommerce_category/ecommerce_category.py
@@ -0,0 +1,66 @@
+# Copyright (c) 2025, Frappe Technologies and contributors
+# For license information, please see license.txt
+
+import frappe
+from frappe.model.document import Document
+from frappe.utils import cstr
+
+
+class EcommerceCategory(Document):
+	def validate(self):
+		"""Validate before saving"""
+		self.validate_route_slug()
+		self.set_defaults()
+
+	def validate_route_slug(self):
+		"""Ensure route slug is unique and properly formatted"""
+		if not self.route_slug:
+			# Auto-generate from category_name
+			self.route_slug = frappe.scrub(self.category_name)
+		else:
+			# Clean up the slug
+			self.route_slug = frappe.scrub(self.route_slug)
+
+		# Check for duplicates
+		if self.route_slug:
+			duplicate = frappe.db.get_value(
+				"Ecommerce Category", {"route_slug": self.route_slug, "name": ["!=", self.name]}, "name"
+			)
+			if duplicate:
+				frappe.throw(f"Route slug '{self.route_slug}' is already used by {duplicate}")
+
+	def set_defaults(self):
+		"""Set default values"""
+		if not self.display_name:
+			self.display_name = self.category_name
+
+
+@frappe.whitelist()
+def get_active_categories():
+	"""Get all active categories ordered by display_order"""
+	return frappe.get_all(
+		"Ecommerce Category",
+		filters={"enabled": 1},
+		fields=[
+			"name",
+			"category_name",
+			"display_name",
+			"route_slug",
+			"item_group",
+			"icon",
+			"image",
+			"display_order",
+		],
+		order_by="display_order asc, category_name asc",
+	)
+
+
+@frappe.whitelist()
+def get_category_by_slug(slug):
+	"""Get category details by route slug"""
+	return frappe.get_all(
+		"Ecommerce Category",
+		filters={"route_slug": slug, "enabled": 1},
+		fields=["name", "category_name", "display_name", "route_slug", "item_group", "icon", "image"],
+		limit=1,
+	)
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/ecommerce_category/test_ecommerce_category.py b/ls_shop/lifestyle_shop_ecommerce/doctype/ecommerce_category/test_ecommerce_category.py
new file mode 100644
index 0000000..d4690a9
--- /dev/null
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/ecommerce_category/test_ecommerce_category.py
@@ -0,0 +1,15 @@
+# Copyright (c) 2025, Frappe Technologies and Contributors
+# See license.txt
+
+# import frappe
+from frappe.tests.utils import FrappeTestCase
+
+# On IntegrationTestCase, the doctype test records and all
+# link-field test record dependencies are recursively loaded
+# Use these module variables to add/remove to/from that list
+EXTRA_TEST_RECORD_DEPENDENCIES = []  # eg. ["User"]
+IGNORE_TEST_RECORD_DEPENDENCIES = []  # eg. ["User"]
+
+
+class TestEcommerceCategory(FrappeTestCase):
+	pass
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/footer_link/__init__.py b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_link/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/footer_link/footer_link.json b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_link/footer_link.json
new file mode 100644
index 0000000..eb3bc9f
--- /dev/null
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_link/footer_link.json
@@ -0,0 +1,95 @@
+{
+	"actions": [],
+	"allow_rename": 1,
+	"creation": "2025-10-04 19:16:34.572019",
+	"doctype": "DocType",
+	"editable_grid": 1,
+	"engine": "InnoDB",
+	"field_order": ["link_label", "link_url", "link_order", "enabled"],
+	"fields": [
+		{
+			"fieldname": "link_label",
+			"fieldtype": "Data",
+			"in_list_view": 1,
+			"label": "Link Label",
+			"reqd": 1
+		},
+		{
+			"fieldname": "link_url",
+			"fieldtype": "Data",
+			"in_list_view": 1,
+			"label": "Link URL",
+			"reqd": 1
+		},
+		{
+			"default": "0",
+			"fieldname": "link_order",
+			"fieldtype": "Int",
+			"in_list_view": 1,
+			"label": "Display Order"
+		},
+		{
+			"default": "1",
+			"fieldname": "enabled",
+			"fieldtype": "Check",
+			"in_list_view": 1,
+			"label": "Enabled"
+		}
+	],
+	"grid_page_length": 50,
+	"index_web_pages_for_search": 1,
+	"istable": 1,
+	"links": [],
+	"modified": "2025-10-04 19:16:50.538264",
+	"modified_by": "Administrator",
+	"module": "Lifestyle Shop Ecommerce",
+	"name": "Footer Link",
+	"owner": "Administrator",
+	"permissions": [
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"export": 1,
+			"print": 1,
+			"read": 1,
+			"report": 1,
+			"role": "System Manager",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"export": 1,
+			"print": 1,
+			"read": 1,
+			"report": 1,
+			"role": "Website Manager",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"export": 1,
+			"print": 1,
+			"read": 1,
+			"report": 1,
+			"role": "Administrator",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"read": 1,
+			"role": "All"
+		}
+	],
+	"row_format": "Dynamic",
+	"rows_threshold_for_grid_search": 20,
+	"sort_field": "link_order",
+	"sort_order": "ASC",
+	"states": []
+}
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/footer_link/footer_link.py b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_link/footer_link.py
new file mode 100644
index 0000000..91fc0ce
--- /dev/null
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_link/footer_link.py
@@ -0,0 +1,26 @@
+# Copyright (c) 2025, hussain@buildwithhussain.com and contributors
+# For license information, please see license.txt
+
+# import frappe
+from frappe.model.document import Document
+
+
+class FooterLink(Document):
+	# begin: auto-generated types
+	# This code is auto-generated. Do not modify anything in this block.
+
+	from typing import TYPE_CHECKING
+
+	if TYPE_CHECKING:
+		from frappe.types import DF
+
+		enabled: DF.Check
+		link_label: DF.Data
+		link_order: DF.Int
+		link_url: DF.Data
+		parent: DF.Data
+		parentfield: DF.Data
+		parenttype: DF.Data
+	# end: auto-generated types
+
+	pass
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/__init__.py b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/footer_section_config.js b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/footer_section_config.js
new file mode 100644
index 0000000..0db8a7e
--- /dev/null
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/footer_section_config.js
@@ -0,0 +1,8 @@
+// Copyright (c) 2025, hussain@buildwithhussain.com and contributors
+// For license information, please see license.txt
+
+// frappe.ui.form.on("Footer Section Config", {
+// 	refresh(frm) {
+
+// 	},
+// });
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/footer_section_config.json b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/footer_section_config.json
new file mode 100644
index 0000000..3df4e37
--- /dev/null
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/footer_section_config.json
@@ -0,0 +1,118 @@
+{
+	"actions": [],
+	"allow_rename": 1,
+	"autoname": "field:section_title",
+	"creation": "2025-10-04 19:13:28.685267",
+	"doctype": "DocType",
+	"engine": "InnoDB",
+	"field_order": [
+		"section_section",
+		"section_title",
+		"column_break_section",
+		"section_order",
+		"enabled",
+		"section_break_links",
+		"footer_links"
+	],
+	"fields": [
+		{
+			"fieldname": "section_section",
+			"fieldtype": "Section Break",
+			"label": "Section"
+		},
+		{
+			"fieldname": "section_title",
+			"fieldtype": "Data",
+			"in_list_view": 1,
+			"label": "Section Title",
+			"reqd": 1,
+			"unique": 1
+		},
+		{
+			"fieldname": "column_break_section",
+			"fieldtype": "Column Break"
+		},
+		{
+			"default": "0",
+			"fieldname": "section_order",
+			"fieldtype": "Int",
+			"in_list_view": 1,
+			"label": "Display Order"
+		},
+		{
+			"default": "1",
+			"fieldname": "enabled",
+			"fieldtype": "Check",
+			"in_list_view": 1,
+			"label": "Enabled"
+		},
+		{
+			"fieldname": "section_break_links",
+			"fieldtype": "Section Break",
+			"label": "Links"
+		},
+		{
+			"fieldname": "footer_links",
+			"fieldtype": "Table",
+			"label": "Footer Links",
+			"options": "Footer Link"
+		}
+	],
+	"grid_page_length": 50,
+	"index_web_pages_for_search": 1,
+	"links": [],
+	"modified": "2025-10-05 19:23:26.779649",
+	"modified_by": "Administrator",
+	"module": "Lifestyle Shop Ecommerce",
+	"name": "Footer Section Config",
+	"naming_rule": "By fieldname",
+	"owner": "Administrator",
+	"permissions": [
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"export": 1,
+			"print": 1,
+			"read": 1,
+			"report": 1,
+			"role": "System Manager",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"export": 1,
+			"print": 1,
+			"read": 1,
+			"report": 1,
+			"role": "Website Manager",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"export": 1,
+			"print": 1,
+			"read": 1,
+			"report": 1,
+			"role": "Administrator",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"read": 1,
+			"role": "All"
+		}
+	],
+	"row_format": "Dynamic",
+	"rows_threshold_for_grid_search": 20,
+	"sort_field": "section_order",
+	"sort_order": "ASC",
+	"states": [],
+	"title_field": "section_title"
+}
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/footer_section_config.py b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/footer_section_config.py
new file mode 100644
index 0000000..f05929c
--- /dev/null
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/footer_section_config.py
@@ -0,0 +1,25 @@
+# Copyright (c) 2025, hussain@buildwithhussain.com and contributors
+# For license information, please see license.txt
+
+# import frappe
+from frappe.model.document import Document
+
+
+class FooterSectionConfig(Document):
+	# begin: auto-generated types
+	# This code is auto-generated. Do not modify anything in this block.
+
+	from typing import TYPE_CHECKING
+
+	if TYPE_CHECKING:
+		from frappe.types import DF
+
+		from ls_shop.lifestyle_shop_ecommerce.doctype.footer_link.footer_link import FooterLink
+
+		enabled: DF.Check
+		footer_links: DF.Table[FooterLink]
+		section_order: DF.Int
+		section_title: DF.Data
+	# end: auto-generated types
+
+	pass
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/test_footer_section_config.py b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/test_footer_section_config.py
new file mode 100644
index 0000000..6fa03b0
--- /dev/null
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_config/test_footer_section_config.py
@@ -0,0 +1,20 @@
+# Copyright (c) 2025, hussain@buildwithhussain.com and Contributors
+# See license.txt
+
+# import frappe
+from frappe.tests import IntegrationTestCase
+
+# On IntegrationTestCase, the doctype test records and all
+# link-field test record dependencies are recursively loaded
+# Use these module variables to add/remove to/from that list
+EXTRA_TEST_RECORD_DEPENDENCIES = []  # eg. ["User"]
+IGNORE_TEST_RECORD_DEPENDENCIES = []  # eg. ["User"]
+
+
+class IntegrationTestFooterSectionConfig(IntegrationTestCase):
+	"""
+	Integration tests for FooterSectionConfig.
+	Use this class for testing interactions between multiple components.
+	"""
+
+	pass
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_mapping/footer_section_mapping.json b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_mapping/footer_section_mapping.json
new file mode 100644
index 0000000..86c0385
--- /dev/null
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_mapping/footer_section_mapping.json
@@ -0,0 +1,85 @@
+{
+	"actions": [],
+	"allow_rename": 1,
+	"creation": "2025-10-05 17:17:00.000000",
+	"doctype": "DocType",
+	"engine": "InnoDB",
+	"field_order": ["footer_section", "section_order", "enabled"],
+	"fields": [
+		{
+			"fieldname": "footer_section",
+			"fieldtype": "Link",
+			"in_list_view": 1,
+			"label": "Footer Section",
+			"options": "Footer Section Config",
+			"reqd": 1
+		},
+		{
+			"default": "0",
+			"fieldname": "section_order",
+			"fieldtype": "Int",
+			"in_list_view": 1,
+			"label": "Display Order"
+		},
+		{
+			"default": "1",
+			"fieldname": "enabled",
+			"fieldtype": "Check",
+			"in_list_view": 1,
+			"label": "Enabled"
+		}
+	],
+	"index_web_pages_for_search": 1,
+	"istable": 1,
+	"links": [],
+	"modified": "2025-10-05 17:17:00.000000",
+	"modified_by": "Administrator",
+	"module": "Lifestyle Shop Ecommerce",
+	"name": "Footer Section Mapping",
+	"owner": "Administrator",
+	"permissions": [
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"export": 1,
+			"print": 1,
+			"read": 1,
+			"report": 1,
+			"role": "System Manager",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"export": 1,
+			"print": 1,
+			"read": 1,
+			"report": 1,
+			"role": "Website Manager",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"export": 1,
+			"print": 1,
+			"read": 1,
+			"report": 1,
+			"role": "Administrator",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"read": 1,
+			"role": "All"
+		}
+	],
+	"sort_field": "section_order",
+	"sort_order": "ASC",
+	"states": []
+}
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_mapping/footer_section_mapping.py b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_mapping/footer_section_mapping.py
new file mode 100644
index 0000000..3e6db41
--- /dev/null
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/footer_section_mapping/footer_section_mapping.py
@@ -0,0 +1,22 @@
+# Copyright (c) 2025, company@bwhstudios.com and contributors
+# For license information, please see license.txt
+
+# import frappe
+from frappe.model.document import Document
+
+
+class FooterSectionMapping(Document):
+	# begin: auto-generated types
+	# This code is auto-generated. Do not modify anything in this block.
+
+	from typing import TYPE_CHECKING
+
+	if TYPE_CHECKING:
+		from frappe.types import DF
+
+		enabled: DF.Check
+		footer_section: DF.Link
+		section_order: DF.Int
+	# end: auto-generated types
+
+	pass
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.js b/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.js
index f0ab98c..5635890 100644
--- a/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.js
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.js
@@ -48,4 +48,44 @@ frappe.ui.form.on('Lifestyle Settings', {
 			},
 		);
 	},
+
+	install_demo_data(frm) {
+		frappe.confirm(
+			__(
+				'This will create demo products, brands, price lists, and configure settings. Continue?',
+			),
+			() => {
+				frm
+					.call({
+						doc: frm.doc,
+						method: 'install_demo_data',
+					})
+					.then((r) => {
+						if (r.message) {
+							frappe.msgprint(r.message);
+						}
+					});
+			},
+		);
+	},
+
+	publish_all_items(frm) {
+		frappe.confirm(
+			__(
+				'This will publish all items to the website and fix routes. Continue?',
+			),
+			() => {
+				frm
+					.call({
+						doc: frm.doc,
+						method: 'publish_all_items',
+					})
+					.then((r) => {
+						if (r.message) {
+							frappe.msgprint(r.message);
+						}
+					});
+			},
+		);
+	},
 });
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.json b/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.json
index 5d591c3..bc22fd5 100644
--- a/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.json
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.json
@@ -5,6 +5,13 @@
 	"doctype": "DocType",
 	"engine": "InnoDB",
 	"field_order": [
+		"branding_section",
+		"store_name",
+		"column_break_brand",
+		"brand_logo",
+		"footer_logo",
+		"column_break_favicon",
+		"favicon",
 		"cod_section",
 		"cod_charge_applicable_below",
 		"charge_account_head",
@@ -34,9 +41,62 @@
 		"attribute_name_field",
 		"publish_variants_for_all_templates",
 		"view_logs",
+		"demo_data_section",
+		"install_demo_data",
+		"column_break_demo",
+		"publish_all_items",
 		"item_group_section",
 		"ecommerce_item_group_mapping",
 		"sync_item_group_mapping_to_ecommerce_items",
+		"contact_information_tab",
+		"contact_phone",
+		"column_break_contact",
+		"contact_email",
+		"working_hours",
+		"social_media_tab",
+		"facebook_url",
+		"twitter_url",
+		"column_break_social",
+		"instagram_url",
+		"snapchat_url",
+		"column_break_social2",
+		"tiktok_url",
+		"footer_customization_tab",
+		"newsletter_title",
+		"column_break_newsletter",
+		"newsletter_description",
+		"section_break_footer_assets",
+		"payment_methods_image",
+		"column_break_footer_assets",
+		"vat_certificate_image",
+		"section_break_copyright",
+		"copyright_text",
+		"section_break_footer_sections",
+		"footer_sections",
+		"color_scheme_tab",
+		"primary_color",
+		"primary_hover_color",
+		"column_break_colors1",
+		"link_color",
+		"link_hover_color",
+		"column_break_colors2",
+		"accent_color",
+		"border_accent_color",
+		"section_break_ui_colors",
+		"button_bg_color",
+		"badge_bg_color",
+		"strikethrough_color",
+		"column_break_ui_colors1",
+		"heading_accent_color",
+		"brand_text_color",
+		"column_break_ui_colors2",
+		"secondary_accent_color",
+		"form_accent_color",
+		"focus_ring_color",
+		"section_break_footer_colors",
+		"footer_bg_color",
+		"column_break_footer_colors",
+		"footer_text_color",
 		"communication_tab",
 		"order_section",
 		"order_confirmation_email_template",
@@ -48,6 +108,43 @@
 		"cc_email"
 	],
 	"fields": [
+		{
+			"fieldname": "branding_section",
+			"fieldtype": "Section Break",
+			"label": "Branding"
+		},
+		{
+			"description": "Name displayed in browser tab and site title",
+			"fieldname": "store_name",
+			"fieldtype": "Data",
+			"label": "Store Name"
+		},
+		{
+			"fieldname": "column_break_brand",
+			"fieldtype": "Column Break"
+		},
+		{
+			"description": "Logo displayed in header navigation",
+			"fieldname": "brand_logo",
+			"fieldtype": "Attach Image",
+			"label": "Brand Logo"
+		},
+		{
+			"description": "Logo displayed in footer",
+			"fieldname": "footer_logo",
+			"fieldtype": "Attach Image",
+			"label": "Footer Logo"
+		},
+		{
+			"fieldname": "column_break_favicon",
+			"fieldtype": "Column Break"
+		},
+		{
+			"description": "Icon displayed in browser tab (16x16 or 32x32 px)",
+			"fieldname": "favicon",
+			"fieldtype": "Attach",
+			"label": "Favicon"
+		},
 		{
 			"fieldname": "delivery_section",
 			"fieldtype": "Section Break",
@@ -210,6 +307,264 @@
 			"fieldtype": "Section Break",
 			"label": "Item Group"
 		},
+		{
+			"fieldname": "contact_information_tab",
+			"fieldtype": "Tab Break",
+			"label": "Contact Information"
+		},
+		{
+			"fieldname": "contact_phone",
+			"fieldtype": "Data",
+			"label": "Contact Phone"
+		},
+		{
+			"fieldname": "column_break_contact",
+			"fieldtype": "Column Break"
+		},
+		{
+			"fieldname": "contact_email",
+			"fieldtype": "Data",
+			"label": "Contact Email",
+			"options": "Email"
+		},
+		{
+			"fieldname": "working_hours",
+			"fieldtype": "Data",
+			"label": "Working Hours"
+		},
+		{
+			"fieldname": "social_media_tab",
+			"fieldtype": "Tab Break",
+			"label": "Social Media"
+		},
+		{
+			"fieldname": "facebook_url",
+			"fieldtype": "Data",
+			"label": "Facebook URL",
+			"options": "URL"
+		},
+		{
+			"fieldname": "twitter_url",
+			"fieldtype": "Data",
+			"label": "Twitter/X URL",
+			"options": "URL"
+		},
+		{
+			"fieldname": "column_break_social",
+			"fieldtype": "Column Break"
+		},
+		{
+			"fieldname": "instagram_url",
+			"fieldtype": "Data",
+			"label": "Instagram URL",
+			"options": "URL"
+		},
+		{
+			"fieldname": "snapchat_url",
+			"fieldtype": "Data",
+			"label": "Snapchat URL",
+			"options": "URL"
+		},
+		{
+			"fieldname": "column_break_social2",
+			"fieldtype": "Column Break"
+		},
+		{
+			"fieldname": "tiktok_url",
+			"fieldtype": "Data",
+			"label": "TikTok URL",
+			"options": "URL"
+		},
+		{
+			"fieldname": "footer_customization_tab",
+			"fieldtype": "Tab Break",
+			"label": "Footer Customization"
+		},
+		{
+			"fieldname": "newsletter_title",
+			"fieldtype": "Data",
+			"label": "Newsletter Title"
+		},
+		{
+			"fieldname": "column_break_newsletter",
+			"fieldtype": "Column Break"
+		},
+		{
+			"fieldname": "newsletter_description",
+			"fieldtype": "Text",
+			"label": "Newsletter Description"
+		},
+		{
+			"fieldname": "section_break_footer_assets",
+			"fieldtype": "Section Break",
+			"label": "Footer Assets"
+		},
+		{
+			"fieldname": "payment_methods_image",
+			"fieldtype": "Attach Image",
+			"label": "Payment Methods Image"
+		},
+		{
+			"fieldname": "column_break_footer_assets",
+			"fieldtype": "Column Break"
+		},
+		{
+			"fieldname": "vat_certificate_image",
+			"fieldtype": "Attach Image",
+			"label": "VAT Certificate Image"
+		},
+		{
+			"fieldname": "section_break_copyright",
+			"fieldtype": "Section Break",
+			"label": "Copyright & Legal"
+		},
+		{
+			"fieldname": "copyright_text",
+			"fieldtype": "Data",
+			"label": "Copyright Text"
+		},
+		{
+			"fieldname": "section_break_footer_sections",
+			"fieldtype": "Section Break",
+			"label": "Footer Sections"
+		},
+		{
+			"fieldname": "footer_sections",
+			"fieldtype": "Table",
+			"label": "Footer Sections",
+			"options": "Footer Section Mapping"
+		},
+		{
+			"fieldname": "color_scheme_tab",
+			"fieldtype": "Tab Break",
+			"label": "Color Scheme"
+		},
+		{
+			"default": "#b91c1c",
+			"fieldname": "primary_color",
+			"fieldtype": "Color",
+			"label": "Primary Color"
+		},
+		{
+			"default": "#991b1b",
+			"fieldname": "primary_hover_color",
+			"fieldtype": "Color",
+			"label": "Primary Hover Color"
+		},
+		{
+			"fieldname": "column_break_colors1",
+			"fieldtype": "Column Break"
+		},
+		{
+			"default": "#7f1d1d",
+			"fieldname": "link_color",
+			"fieldtype": "Color",
+			"label": "Link Color"
+		},
+		{
+			"default": "#991b1b",
+			"fieldname": "link_hover_color",
+			"fieldtype": "Color",
+			"label": "Link Hover Color"
+		},
+		{
+			"fieldname": "column_break_colors2",
+			"fieldtype": "Column Break"
+		},
+		{
+			"default": "#b91c1c",
+			"fieldname": "accent_color",
+			"fieldtype": "Color",
+			"label": "Accent Color"
+		},
+		{
+			"default": "#b91c1c",
+			"fieldname": "border_accent_color",
+			"fieldtype": "Color",
+			"label": "Border Accent Color"
+		},
+		{
+			"fieldname": "section_break_ui_colors",
+			"fieldtype": "Section Break",
+			"label": "UI Element Colors"
+		},
+		{
+			"default": "#b91c1c",
+			"fieldname": "button_bg_color",
+			"fieldtype": "Color",
+			"label": "Button Background Color"
+		},
+		{
+			"fieldname": "column_break_ui_colors1",
+			"fieldtype": "Column Break"
+		},
+		{
+			"default": "#b91c1c",
+			"fieldname": "strikethrough_color",
+			"fieldtype": "Color",
+			"label": "Strikethrough Text Color"
+		},
+		{
+			"default": "#b91c1c",
+			"fieldname": "badge_bg_color",
+			"fieldtype": "Color",
+			"label": "Badge Background Color"
+		},
+		{
+			"fieldname": "column_break_ui_colors2",
+			"fieldtype": "Column Break"
+		},
+		{
+			"default": "#991b1b",
+			"fieldname": "heading_accent_color",
+			"fieldtype": "Color",
+			"label": "Heading Accent Color"
+		},
+		{
+			"default": "#b91c1c",
+			"fieldname": "brand_text_color",
+			"fieldtype": "Color",
+			"label": "Brand Text Color"
+		},
+		{
+			"default": "#991b1b",
+			"fieldname": "secondary_accent_color",
+			"fieldtype": "Color",
+			"label": "Secondary Accent Color"
+		},
+		{
+			"default": "#b91c1c",
+			"fieldname": "form_accent_color",
+			"fieldtype": "Color",
+			"label": "Form Accent Color"
+		},
+		{
+			"default": "#b91c1c",
+			"fieldname": "focus_ring_color",
+			"fieldtype": "Color",
+			"label": "Focus Ring Color"
+		},
+		{
+			"fieldname": "section_break_footer_colors",
+			"fieldtype": "Section Break",
+			"label": "Footer Colors"
+		},
+		{
+			"default": "#111827",
+			"fieldname": "footer_bg_color",
+			"fieldtype": "Color",
+			"label": "Footer Background Color"
+		},
+		{
+			"fieldname": "column_break_footer_colors",
+			"fieldtype": "Column Break"
+		},
+		{
+			"default": "#ffffff",
+			"fieldname": "footer_text_color",
+			"fieldtype": "Color",
+			"label": "Footer Text Color"
+		},
 		{
 			"fieldname": "ecommerce_item_group_mapping",
 			"fieldtype": "Table",
@@ -272,12 +627,31 @@
 			"fieldname": "view_logs",
 			"fieldtype": "Button",
 			"label": "View Logs"
+		},
+		{
+			"fieldname": "demo_data_section",
+			"fieldtype": "Section Break",
+			"label": "Demo Data & Testing"
+		},
+		{
+			"fieldname": "install_demo_data",
+			"fieldtype": "Button",
+			"label": "Install Demo Data"
+		},
+		{
+			"fieldname": "column_break_demo",
+			"fieldtype": "Column Break"
+		},
+		{
+			"fieldname": "publish_all_items",
+			"fieldtype": "Button",
+			"label": "Publish All Items to Website"
 		}
 	],
 	"index_web_pages_for_search": 1,
 	"issingle": 1,
 	"links": [],
-	"modified": "2025-06-30 13:14:47.225075",
+	"modified": "2025-10-07 15:34:41.977684",
 	"modified_by": "Administrator",
 	"module": "Lifestyle Shop Ecommerce",
 	"name": "Lifestyle Settings",
@@ -292,6 +666,30 @@
 			"role": "System Manager",
 			"share": 1,
 			"write": 1
+		},
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"print": 1,
+			"read": 1,
+			"role": "Website Manager",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"create": 1,
+			"delete": 1,
+			"email": 1,
+			"print": 1,
+			"read": 1,
+			"role": "Administrator",
+			"share": 1,
+			"write": 1
+		},
+		{
+			"read": 1,
+			"role": "All"
 		}
 	],
 	"row_format": "Dynamic",
diff --git a/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.py b/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.py
index 8437ce0..fe94d73 100644
--- a/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.py
+++ b/ls_shop/lifestyle_shop_ecommerce/doctype/lifestyle_settings/lifestyle_settings.py
@@ -15,36 +15,70 @@ class LifestyleSettings(Document):
 	if TYPE_CHECKING:
 		from frappe.types import DF
 
-		from ls_shop.lifestyle_shop_ecommerce.doctype.item_group_map.item_group_map import (
-			ItemGroupMap,
-		)
-		from ls_shop.lifestyle_shop_ecommerce.doctype.return_reason.return_reason import (
-			ReturnReason,
+		from ls_shop.lifestyle_shop_ecommerce.doctype.footer_section_mapping.footer_section_mapping import (
+			FooterSectionMapping,
 		)
+		from ls_shop.lifestyle_shop_ecommerce.doctype.item_group_map.item_group_map import ItemGroupMap
+		from ls_shop.lifestyle_shop_ecommerce.doctype.return_reason.return_reason import ReturnReason
 
+		accent_color: DF.Color | None
 		attribute_name_field: DF.Data | None
+		badge_bg_color: DF.Color | None
 		based_on_attribute: DF.Link | None
+		border_accent_color: DF.Color | None
+		brand_logo: DF.AttachImage | None
+		brand_text_color: DF.Color | None
+		button_bg_color: DF.Color | None
 		cc_email: DF.Data | None
 		charge_account_head: DF.Link | None
 		cod_charge: DF.Currency
 		cod_charge_applicable_below: DF.Currency
 		cod_enabled: DF.Check
+		contact_email: DF.Data | None
+		contact_phone: DF.Data | None
+		copyright_text: DF.Data | None
 		create_variants_automatically_on_configurator_creation: DF.Check
 		default_price_list: DF.Link | None
 		ecommerce_item_group_mapping: DF.Table[ItemGroupMap]
 		ecommerce_warehouse: DF.Link | None
+		facebook_url: DF.Data | None
+		favicon: DF.Attach | None
+		focus_ring_color: DF.Color | None
+		footer_bg_color: DF.Color | None
+		footer_logo: DF.AttachImage | None
+		footer_sections: DF.Table[FooterSectionMapping]
+		footer_text_color: DF.Color | None
+		form_accent_color: DF.Color | None
+		heading_accent_color: DF.Color | None
+		instagram_url: DF.Data | None
 		item_in_stock_email_template: DF.Link
+		link_color: DF.Color | None
+		link_hover_color: DF.Color | None
 		logo_url: DF.Data | None
+		newsletter_description: DF.Text | None
+		newsletter_title: DF.Data | None
 		order_cancellation_email_template: DF.Link
 		order_confirmation_email_template: DF.Link
+		payment_methods_image: DF.AttachImage | None
+		primary_color: DF.Color | None
+		primary_hover_color: DF.Color | None
 		print_format: DF.Link | None
 		reason_for_return: DF.Table[ReturnReason]
 		return_period: DF.Int
 		sale_price_list: DF.Link | None
+		secondary_accent_color: DF.Color | None
 		shipping_rule: DF.Link | None
+		snapchat_url: DF.Data | None
+		store_name: DF.Data | None
+		strikethrough_color: DF.Color | None
 		tabby_enabled: DF.Check
 		telr_enabled: DF.Check
+		tiktok_url: DF.Data | None
+		twitter_url: DF.Data | None
+		vat_certificate_image: DF.AttachImage | None
+		working_hours: DF.Data | None
 	# end: auto-generated types
+
 	pass
 
 	def validate(self):
@@ -88,6 +122,93 @@ def sync_item_group_mapping_to_ecommerce_items(self):
 				mapping.ecommerce_item_group,
 			)
 
+	@frappe.whitelist()
+	def install_demo_data(self):
+		"""Install demo data for testing LS Shop"""
+		from ls_shop.install_demo_data import install_demo_data
+
+		frappe.enqueue(
+			install_demo_data,
+			queue="long",
+			timeout=3000,
+		)
+
+		return "Demo data installation has been queued. This may take a few minutes. Check the background jobs for progress."
+
+	@frappe.whitelist()
+	def publish_all_items(self):
+		"""Publish all items to website"""
+		from ls_shop.publish_demo_items import publish_all_demo_items
+
+		frappe.enqueue(
+			publish_all_demo_items,
+			queue="default",
+			timeout=600,
+		)
+
+		return "Publishing all items to website. This may take a moment. Refresh the page after completion."
+
+	def generate_theme_css(self):
+		"""Generate CSS custom properties from color scheme settings"""
+		return f"""
+		<style>
+		:root {{
+			--ls-primary: {self.primary_color or '#b91c1c'};
+			--ls-primary-hover: {self.primary_hover_color or '#991b1b'};
+			--ls-link: {self.link_color or '#7f1d1d'};
+			--ls-link-hover: {self.link_hover_color or '#991b1b'};
+			--ls-accent: {self.accent_color or '#b91c1c'};
+			--ls-border-accent: {self.border_accent_color or '#b91c1c'};
+			--ls-button-bg: {self.button_bg_color or '#b91c1c'};
+			--ls-strikethrough: {self.strikethrough_color or '#b91c1c'};
+			--ls-badge-bg: {self.badge_bg_color or '#b91c1c'};
+			--ls-heading-accent: {self.heading_accent_color or '#991b1b'};
+			--ls-brand-text: {self.brand_text_color or '#b91c1c'};
+			--ls-secondary-accent: {self.secondary_accent_color or '#991b1b'};
+			--ls-form-accent: {self.form_accent_color or '#b91c1c'};
+			--ls-focus-ring: {self.focus_ring_color or '#b91c1c'};
+			--ls-carousel-dot: {self.accent_color or '#b91c1c'};
+			--ls-footer-bg: {self.footer_bg_color or '#111827'};
+			--ls-footer-text: {self.footer_text_color or '#ffffff'};
+		}}
+
+		/* Primary color utilities */
+		.bg-primary {{ background-color: var(--ls-primary) !important; }}
+		.text-primary {{ color: var(--ls-primary) !important; }}
+		.border-primary {{ border-color: var(--ls-primary) !important; }}
+		.hover\\:bg-primary-hover:hover {{ background-color: var(--ls-primary-hover) !important; }}
+		.hover\\:text-primary-hover:hover {{ color: var(--ls-primary-hover) !important; }}
+		.focus\\:border-primary:focus {{ border-color: var(--ls-primary) !important; }}
+
+		/* Link color utilities */
+		.text-link {{ color: var(--ls-link) !important; }}
+		.hover\\:text-link-hover:hover {{ color: var(--ls-link-hover) !important; }}
+
+		/* Accent color utilities */
+		.bg-accent {{ background-color: var(--ls-accent) !important; }}
+		.text-accent {{ color: var(--ls-accent) !important; }}
+		.border-accent {{ border-color: var(--ls-border-accent) !important; }}
+		.hover\\:bg-accent:hover {{ background-color: var(--ls-accent) !important; }}
+
+		/* UI Element utilities */
+		.bg-button {{ background-color: var(--ls-button-bg) !important; }}
+		.text-strikethrough {{ color: var(--ls-strikethrough) !important; }}
+		.bg-badge {{ background-color: var(--ls-badge-bg) !important; }}
+		.text-heading-accent {{ color: var(--ls-heading-accent) !important; }}
+		.text-brand {{ color: var(--ls-brand-text) !important; }}
+		.text-secondary-accent {{ color: var(--ls-secondary-accent) !important; }}
+		.bg-secondary-accent {{ background-color: var(--ls-secondary-accent) !important; }}
+		.border-secondary-accent {{ border-color: var(--ls-secondary-accent) !important; }}
+		.hover\\:bg-secondary-accent:hover {{ background-color: var(--ls-secondary-accent) !important; }}
+		.accent-form {{ accent-color: var(--ls-form-accent) !important; }}
+		.focus\\:ring-focus:focus {{ box-shadow: 0 0 0 2px var(--ls-focus-ring) !important; }}
+
+		/* Footer utilities */
+		.bg-footer {{ background-color: var(--ls-footer-bg) !important; }}
+		.text-footer {{ color: var(--ls-footer-text) !important; }}
+		</style>
+		"""
+
 
 def generate_configurators_for_all_templates(attribute: str, log_name: str):
 	item = frappe.qb.DocType("Item")
diff --git a/ls_shop/migrate.py b/ls_shop/migrate.py
index 7ee5b72..2739d71 100644
--- a/ls_shop/migrate.py
+++ b/ls_shop/migrate.py
@@ -4,9 +4,14 @@
 def after_install():
 	create_payment_modes()
 	try:
-		create_ecommerce_group()
-	except Exception as _:
-		frappe.errprint("Error creating Ecommerce groups")
+		create_default_email_templates()
+	except Exception as e:
+		import traceback
+
+		error_msg = f"Error creating default email templates: {e!s}"
+		frappe.log_error(traceback.format_exc(), "Lifestyle Shop Installation - Email Templates")
+		frappe.errprint(error_msg)
+		frappe.errprint(traceback.format_exc())
 
 
 def create_payment_modes():
@@ -23,28 +28,60 @@ def create_payment_modes():
 		).insert(ignore_if_duplicate=True)
 
 
-# Create ecommerce item group
+def create_default_email_templates():
+	"""Create default email templates required by Lifestyle Settings"""
+
+	email_templates = [
+		{
+			"name": "Order Confirmation",
+			"subject": "Order Confirmation - {{ doc.name }}",
+			"response": """Dear {{ doc.customer_name }},
+
+Thank you for your order! Your order has been confirmed.
+
+Order Details:
+Order ID: {{ doc.name }}
+Date: {{ doc.transaction_date }}
+Total: {{ doc.grand_total }}
 
+You can track your order status at: {{ login_url }}
 
-def create_ecommerce_group():
-	parent = "Ecommerce Website"
-	parent_categories = {"Men", "Women", "Kids"}
-	# Create parent group
-	frappe.get_doc(
+Best regards,
+{{ company }}""",
+			"doctype": "Sales Order",
+		},
 		{
-			"doctype": "Item Group",
-			"item_group_name": parent,
-			"is_group": True,
-			"parent_item_group": "All Item Groups",
-		}
-	).insert(ignore_if_duplicate=True)
-	for category in parent_categories:
-		frappe.get_doc(
-			{
-				"doctype": "Item Group",
-				"item_group_name": category,
-				"is_group": True,
-				"parent_item_group": parent,
-				"custom_item_group_display_name": category,
-			}
-		).insert(ignore_if_duplicate=True)
+			"name": "Item In Stock",
+			"subject": "Item Back in Stock - {{ item.item_name }}",
+			"response": """Dear Customer,
+
+Great news! The item "{{ item.item_name }}" is now back in stock.
+
+You can purchase it now at: {{ item_url }}
+
+Best regards,
+{{ company }}""",
+			"doctype": "Item",
+		},
+		{
+			"name": "Order Cancellation",
+			"subject": "Order Cancellation Confirmation - {{ doc.name }}",
+			"response": """Dear {{ doc.customer_name }},
+
+Your order {{ doc.name }} has been cancelled as requested.
+
+If you have any questions, please contact our customer service.
+
+Best regards,
+{{ company }}""",
+			"doctype": "Sales Order",
+		},
+	]
+
+	for template_data in email_templates:
+		if not frappe.db.exists("Email Template", template_data["name"]):
+			template = frappe.get_doc({"doctype": "Email Template", **template_data})
+			template.insert(ignore_permissions=True)
+			frappe.errprint(f"Created Email Template: {template_data['name']}")
+		else:
+			frappe.errprint(f"Email Template '{template_data['name']}' already exists")
diff --git a/ls_shop/publish_demo_items.py b/ls_shop/publish_demo_items.py
new file mode 100644
index 0000000..2c59c12
--- /dev/null
+++ b/ls_shop/publish_demo_items.py
@@ -0,0 +1,117 @@
+"""
+Quick script to publish all demo items to the website
+Run this if products don't show on the website after running install_demo_data
+"""
+
+import frappe
+
+
+def publish_all_demo_items():
+	"""Publish all demo product items to website"""
+
+	print("Publishing demo items to website...")
+
+	# Get warehouse
+	warehouse = frappe.db.get_value("Warehouse", {"is_group": 0}, "name")
+	if not warehouse:
+		print("❌ No warehouse found")
+		return
+
+	# Get all items
+	items = frappe.get_all(
+		"Item",
+		filters={"has_variants": 0, "is_stock_item": 1},
+		fields=["name", "item_name", "item_group", "brand", "description"],
+	)
+
+	created = 0
+	published = 0
+
+	for item in items:
+		wi_name = frappe.db.get_value("Website Item", {"item_code": item.name}, "name")
+
+		if not wi_name:
+			# Create Website Item
+			wi = frappe.get_doc(
+				{
+					"doctype": "Website Item",
+					"item_code": item.name,
+					"item_name": item.item_name,
+					"web_item_name": item.item_name,
+					"item_group": item.item_group,
+					"brand": item.brand or "",
+					"description": item.description or "",
+					"website_warehouse": warehouse,
+					"published": 1,
+					"website_item_groups": [{"item_group": item.item_group}] if item.item_group else [],
+				}
+			)
+			wi.insert(ignore_permissions=True)
+			created += 1
+		else:
+			# Update existing
+			frappe.db.set_value("Website Item", wi_name, {"published": 1, "website_warehouse": warehouse})
+
+			# Ensure website_item_groups is set
+			wi = frappe.get_doc("Website Item", wi_name)
+			if not wi.website_item_groups and item.item_group:
+				wi.append("website_item_groups", {"item_group": item.item_group})
+				wi.save(ignore_permissions=True)
+
+			published += 1
+
+	# Fix Style Attribute Variant routes (remove language prefix)
+	savs = frappe.get_all("Style Attribute Variant", fields=["name", "route"])
+	sav_fixed = 0
+
+	for sav in savs:
+		if sav.route:
+			# Remove any language/products prefix
+			clean_route = sav.route.replace("en/products/", "").replace("ar/products/", "")
+			if clean_route != sav.route:
+				frappe.db.set_value("Style Attribute Variant", sav.name, "route", clean_route)
+				sav_fixed += 1
+
+	# Publish all SAVs that have sizes
+	sav_published = 0
+	all_savs = frappe.get_all("Style Attribute Variant", fields=["name"])
+	for sav in all_savs:
+		has_sizes = frappe.db.exists("Color Size Item", {"parent": sav.name})
+		if has_sizes:
+			frappe.db.set_value("Style Attribute Variant", sav.name, "is_published", 1)
+			sav_published += 1
+
+	# Fix Website Item routes (should be simple slug without prefix)
+	website_items = frappe.get_all("Website Item", fields=["name", "item_code", "route"])
+	routed = 0
+
+	for wi in website_items:
+		# Generate clean route (just the slug)
+		item_code = wi.item_code.lower().replace("_", "-").replace(" ", "-")
+
+		# Remove any existing prefix and ensure it's just the slug
+		if wi.route:
+			clean_route = wi.route.replace("en/products/", "").replace("ar/products/", "")
+			if clean_route != item_code:
+				frappe.db.set_value("Website Item", wi.name, "route", item_code)
+				routed += 1
+		else:
+			frappe.db.set_value("Website Item", wi.name, "route", item_code)
+			routed += 1
+
+	frappe.db.commit()  # nosemgrep: manual commit required for demo item publishing completion
+	frappe.clear_cache()
+
+	print("\n✅ Complete!")
+	print(f"   Created: {created} Website Items")
+	print(f"   Published: {published} existing items")
+	print(f"   Fixed SAV routes: {sav_fixed}")
+	print(f"   Published SAVs: {sav_published}")
+	print(f"   Fixed Website Item routes: {routed}")
+	print("\nVisit: https://your-site.com/en/products")
+	print("\nNote: Routes should be clean slugs (e.g., 'tshirt-classic-black')")
+	print("      The /en/products/ prefix is added by hooks.py routing")
+
+
+if __name__ == "__main__":
+	publish_all_demo_items()
diff --git a/ls_shop/templates/components/brand_mobile_header_nav.html b/ls_shop/templates/components/brand_mobile_header_nav.html
index 8e4090b..0529a4e 100644
--- a/ls_shop/templates/components/brand_mobile_header_nav.html
+++ b/ls_shop/templates/components/brand_mobile_header_nav.html
@@ -11,7 +11,7 @@
     <div x-show="active_parent === 'brand'" x-collapse>
         <div class="p-4 bg-gray-50 border border-gray-100 rounded-2xl ">
             <div class="mb-4">
-                <h4 class="font-medium text-red-900 mb-3 text-sm">{{_('Shop by Brands')}}</h4>
+                <h4 class="font-medium text-accent mb-3 text-sm">{{_('Shop by Brands')}}</h4>
                 <ul class="grid grid-cols-2 ">
                     {% for brand in brands %}
                     <li class="mb-2">
diff --git a/ls_shop/templates/components/brand_open_nav.html b/ls_shop/templates/components/brand_open_nav.html
index b8fd5fe..a356f83 100644
--- a/ls_shop/templates/components/brand_open_nav.html
+++ b/ls_shop/templates/components/brand_open_nav.html
@@ -22,14 +22,14 @@
             <div class="max-w-7xl mx-auto px-6 md:px-10 ">
                     <div class="flex border-b border-gray-200">
                     <a href="/{{frappe.lang}}/products?search={{parent_category | urlencode}}&category={{parent_category | urlencode}}" 
-                        class=" border-b-2 border-red-700 px-5 py-4 font-medium text-sm focus:outline-none text-red-900">
+                        class=" border-b-2 border-accent px-5 py-4 font-medium text-sm focus:outline-none text-accent">
                         {{_('Shop by Brands')}}
                 </a>
                 </div>
                 <div class="grid grid-cols-5 gap-2 py-8">
                     {% for brand in brands %}
                     <a href="/{{ frappe.lang }}/products?brands={{ brand.name | urlencode }}"
-                        class="text-gray-600 hover:text-red-900 text-sm  flex">
+                        class="text-gray-600 hover:text-accent text-sm  flex">
                         <div class="h-4 w-4 flex justify-center items-center me-2">
                             <img src="/assets/ls_shop/icons/arrow-right.svg" alt="">
                         </div>
diff --git a/ls_shop/templates/components/breadcrumb.html b/ls_shop/templates/components/breadcrumb.html
index ac46e48..792a1c2 100644
--- a/ls_shop/templates/components/breadcrumb.html
+++ b/ls_shop/templates/components/breadcrumb.html
@@ -3,12 +3,12 @@
 <nav  class="text-sm font-medium text-gray-700 hidden md:flex mt-3 mb-8" aria-label="breadcrumb">
     <ol class="flex flex-wrap items-center gap-1">
         <li class="flex items-center gap-1">
-            <a href="/" class="hover:text-red-900 ">{{_("Home")}}</a>
+            <a href="/" class="hover:text-accent ">{{_("Home")}}</a>
             {{icon(name="arrow-right",classes="h-4 w-4")}}
         </li>
         {% for breadcrumb in breadcrumbs %}
         <li class="flex items-center gap-1">
-            <a href="{{breadcrumb.href}}" class="hover:text-red-900 ">{{_(breadcrumb.label)}}</a>
+            <a href="{{breadcrumb.href}}" class="hover:text-accent ">{{_(breadcrumb.label)}}</a>
             {% if not loop.last %}
             {{icon(name="arrow-right",classes="h-4 w-4")}}
             {% endif %}
diff --git a/ls_shop/templates/components/cart_dropdown.html b/ls_shop/templates/components/cart_dropdown.html
index cf443c8..16359e6 100644
--- a/ls_shop/templates/components/cart_dropdown.html
+++ b/ls_shop/templates/components/cart_dropdown.html
@@ -22,7 +22,7 @@
                 class="object-cover rounded-lg w-11 h-11">
         </div>
         <div>
-            <p class="text-xs text-red-900" x-text="cart_item.brand"></p>
+            <p class="text-xs text-brand" x-text="cart_item.brand"></p>
             <div class="flex">
                 {% if frappe.lang == "en" %}
                 <p class="text-xs mt-1 text-gray-500" x-text="cart_item.variant.item_name"></p>
diff --git a/ls_shop/templates/components/category_open_nav.html b/ls_shop/templates/components/category_open_nav.html
index f5a53eb..62004ef 100644
--- a/ls_shop/templates/components/category_open_nav.html
+++ b/ls_shop/templates/components/category_open_nav.html
@@ -28,25 +28,25 @@
                 <!-- Tabs navigation -->
                 <div class="flex border-b border-gray-200">
                     <a href="/{{frappe.lang}}/products?search={{parent_category | urlencode}}&category={{parent_category | urlencode}}" 
-                        :class="{ 'border-b-2 border-red-700 text-red-700': activeTab === 'New Arrival', 'text-gray-600': activeTab !== 'New Arrival' }"
-                        class="px-5 py-4 font-medium text-sm focus:outline-none hover:text-red-900 capitalize">
+                        :class="{ 'border-b-2 border-accent text-accent': activeTab === 'New Arrival', 'text-gray-600': activeTab !== 'New Arrival' }"
+                        class="px-5 py-4 font-medium text-sm focus:outline-none hover:text-accent capitalize">
                         {{_('new arrival')}}
                 </a>
                     {% for item_category in item_categories %}
                     <a href="/{{frappe.lang}}/products?search={{item_category.name | urlencode}}&category={{parent_category | urlencode}}"  @mouseenter="activeTab = '{{item_category.name}}'"
-                        :class="{ 'border-b-2 border-red-700 text-red-700': activeTab === '{{item_category.name}}', 'text-gray-600': activeTab !== '{{item_category.name}}' }"
-                        class="px-5 py-4 font-medium text-sm focus:outline-none hover:text-red-900 capitalize">
+                        :class="{ 'border-b-2 border-accent text-accent': activeTab === '{{item_category.name}}', 'text-gray-600': activeTab !== '{{item_category.name}}' }"
+                        class="px-5 py-4 font-medium text-sm focus:outline-none hover:text-accent capitalize">
                         {{_(item_category.custom_item_group_display_name or item_category.name)}}
             </a>
                     {% endfor %}
                     <a href="/{{frappe.lang}}/products?search={{parent_category | urlencode}}&category={{parent_category | urlencode}}&has_discount=1&sort_by=discount"
-                        :class="{ 'border-b-2 border-red-700 text-red-700': activeTab === 'view-all', 'text-gray-600': activeTab !== 'view-all' }"
-                        class="px-5 py-4 font-medium text-sm focus:outline-none hover:text-red-900 capitalize">
+                        :class="{ 'border-b-2 border-accent text-accent': activeTab === 'view-all', 'text-gray-600': activeTab !== 'view-all' }"
+                        class="px-5 py-4 font-medium text-sm focus:outline-none hover:text-accent capitalize">
                         {{_('sale')}}
                     </a>
                     <a href="/{{frappe.lang}}/products?search={{parent_category | urlencode}}&category={{parent_category | urlencode}}"
-                        :class="{ 'border-b-2 border-red-700 text-red-700': activeTab === 'view-all', 'text-gray-600': activeTab !== 'view-all' }"
-                        class="px-5 py-4 font-medium text-sm focus:outline-none hover:text-red-900">
+                        :class="{ 'border-b-2 border-accent text-accent': activeTab === 'view-all', 'text-gray-600': activeTab !== 'view-all' }"
+                        class="px-5 py-4 font-medium text-sm focus:outline-none hover:text-accent">
                         {{_('View all')}} {{_(parent_category)}}
                     </a>
                 </div>
@@ -65,7 +65,7 @@
                         <div class="w-1/5 pr-8 ">
                             <div>
                                 <a href='/{{frappe.lang}}/products?search={{item_subcategory.name or ''}}&category={{parent_category  or ''}}'
-                                    class="text-base font-medium text-red-900 mb-5 block">{{_('Shop by')}}
+                                    class="text-base font-medium text-accent mb-5 block">{{_('Shop by')}}
                                     {{_(item_subcategory.custom_item_group_display_name)}}</a>
                                 <ul class="grid grid-cols-1 w-full gap-x-4">
                                     <!-- This will be dynamically populated -->
@@ -76,7 +76,7 @@
                                     {% for item in items %}
                                     <li class="mb-2">
                                         <a href='/{{frappe.lang}}/products?subcategory={{item.name | urlencode}}&category={{parent_category | urlencode}}'
-                                            class="text-gray-600 hover:text-red-900 flex items-center">
+                                            class="text-gray-600 hover:text-accent flex items-center">
                                             <div class="h-4 w-4 flex justify-center items-center me-2">
                                                 <img src="/assets/ls_shop/icons/arrow-right.svg" alt="">
                                             </div>
@@ -96,7 +96,7 @@
                         <div class="w-1/4 pr-8 ">
 
                             <div>
-                                <h3 class="text-base font-medium text-red-900 mb-5">{{_('Shop by Product')}}</h3>
+                                <h3 class="text-base font-medium text-accent mb-5">{{_('Shop by Product')}}</h3>
                                 <ul class="grid grid-cols-1 w-full gap-x-4">
                                     <!-- This will be dynamically populated -->
                                     {% set item_subcategories = frappe.get_all('Item Group',
@@ -106,7 +106,7 @@ <h3 class="text-base font-medium text-red-900 mb-5">{{_('Shop by Product')}}</h3
                                     {% for item_subcategory in item_subcategories %}
                                     <li class="mb-2">
                                         <a href='/{{frappe.lang}}/products?subcategory={{item_subcategory.name | urlencode}}&category={{parent_category | urlencode}}'
-                                            class="text-gray-600 hover:text-red-900 flex items-center">
+                                            class="text-gray-600 hover:text-accent flex items-center">
                                             <div class="h-4 w-4 flex justify-center items-center me-2">
                                                 <img src="/assets/ls_shop/icons/arrow-right.svg" alt="">
                                             </div>
diff --git a/ls_shop/templates/components/checkout_product_details.html b/ls_shop/templates/components/checkout_product_details.html
index 8785ef8..a2257f6 100644
--- a/ls_shop/templates/components/checkout_product_details.html
+++ b/ls_shop/templates/components/checkout_product_details.html
@@ -7,7 +7,7 @@
             <img src="{{cart_item['image'] or '/assets/ls_shop/images/1.jpg'}}"
                 class="w-28 h-36 object-cover rounded-sm" alt="product image" />
             <div class="flex flex-col gap-2">
-                <span class="text-red-800 text-base font-medium"> {{_(cart_item.brand)}} </span>
+                <span class="text-secondary-accent text-base font-medium"> {{_(cart_item.brand)}} </span>
                     {% set product_name = cart_item.item_name if frappe.lang == "en" else cart_item.custom_item_name_ar or cart_item.item_name %}
                     <span class="text-sm font-medium"> {{_(product_name)}} </span>
                 <div class="text-xs text-gray-700 flex gap-4">
@@ -16,7 +16,7 @@
                 </div>
                 <div class="flex items-center gap-3 md:gap-2">
                     {% if cart_item.default_price %}
-                    <span class="text-sm md:text-base font-medium text-red-900 line-through flex">
+                    <span class="text-sm md:text-base font-medium text-accent line-through flex">
                         {{get_currency_symbol()}}
                         {{"%.2f"|format(cart_item.default_price)}}
                     </span>
diff --git a/ls_shop/templates/components/mobile_header.html b/ls_shop/templates/components/mobile_header.html
index 0e727b9..911f5e5 100644
--- a/ls_shop/templates/components/mobile_header.html
+++ b/ls_shop/templates/components/mobile_header.html
@@ -13,7 +13,7 @@
             {% include "templates/components/user_dropdown.html" %}
             {% include "templates/components/cart_dropdown.html" %}
         </div>
-        <button @click="is_offcanvas_open = false" class="text-white bg-red-900 rounded-full p-1">
+        <button @click="is_offcanvas_open = false" class="text-white bg-primary rounded-full p-1">
             <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
             </svg>
@@ -72,12 +72,12 @@ <h3 class="mb-2 text-gray-700 capitalize">{{_('language')}}</h3>
         </div>
 
         {% if frappe.session.user != 'Guest' %}
-            <button @click="logout" class="flex w-full items-center justify-between p-4 text-red-800 font-medium mt-25 capitalize">
+            <button @click="logout" class="flex w-full items-center justify-between p-4 text-secondary-accent font-medium mt-25 capitalize">
                 {{_('log out')}}
             </button>
         {% else %}
             {% call signup_modal() %}
-                <div class="flex w-full items-center justify-between p-4 text-red-800 font-medium mt-25 capitalize">
+                <div class="flex w-full items-center justify-between p-4 text-secondary-accent font-medium mt-25 capitalize">
                     {{_('login')}}  
                 </div>
             {% endcall %}
diff --git a/ls_shop/templates/components/mobile_header_nav.html b/ls_shop/templates/components/mobile_header_nav.html
index 5ffd296..1539c54 100644
--- a/ls_shop/templates/components/mobile_header_nav.html
+++ b/ls_shop/templates/components/mobile_header_nav.html
@@ -33,7 +33,7 @@
                         item_category.name,'custom_display_on_website':True},fields=["name","custom_item_group_display_name"],order_by="custom_item_group_display_name")
                         %}
                         {% for item_subcategory in item_subcategories %}
-                        <a href='/{{frappe.lang}}/products?search={{item_subcategory.name or ''}}&category={{parent_category  or ''}}' class="font-medium text-red-900 mb-3 text-sm block">{{_('Shop by')}}
+                        <a href='/{{frappe.lang}}/products?search={{item_subcategory.name or ''}}&category={{parent_category  or ''}}' class="font-medium text-accent mb-3 text-sm block">{{_('Shop by')}}
                             {{_(item_subcategory.custom_item_group_display_name)}}</a>
                         <ul>
                             {% with items = frappe.get_all('Item Group',
@@ -66,7 +66,7 @@
                         {% endfor %}
                         {% endwith %}
                         {% else %}
-                        <h4 class="font-medium text-red-900 mb-3 text-sm">{{_('Shop by category')}}</h4>
+                        <h4 class="font-medium text-accent mb-3 text-sm">{{_('Shop by category')}}</h4>
                         <ul>
                             {% set item_subcategories = frappe.get_all('Item Group', filters={'parent_item_group':
                             item_category.name ,'custom_display_on_website':True},fields=["name","custom_item_group_display_name"]) %}
diff --git a/ls_shop/templates/components/product_filter.html b/ls_shop/templates/components/product_filter.html
index f081466..5eac634 100644
--- a/ls_shop/templates/components/product_filter.html
+++ b/ls_shop/templates/components/product_filter.html
@@ -59,7 +59,7 @@
         <h2 class="mb-4 text-lg font-medium capitalize">
             {{_('filter by')}}
         </h2>
-        <button class="mb-4 text-lg font-medium text-red-800 hover:text-red-600 cursor-pointer capitalize" @click="reset_filters">
+        <button class="mb-4 text-lg font-medium text-primary hover:text-accent cursor-pointer capitalize" @click="reset_filters">
             {{_('reset all')}}
         </button>
     </div>
@@ -78,7 +78,7 @@ <h2 class="mb-4 text-lg font-medium capitalize">
                     </svg>
                 </button>
                 <!-- Normal Filters (brands, sizes, colors) -->
-                <div x-show="current_tab === key && !Array.isArray(values[0]) && key !== 'Men'&& key !== 'Women' && key !== 'Kids'"
+                <div x-show="current_tab === key && !Array.isArray(values[0]) && !Array.isArray(values)"
                     x-transition class="pt-6 pb-6">
                     <div class="space-y-2">
                         <template x-for="(option, index) in values" :key="index">
@@ -93,84 +93,82 @@ <h2 class="mb-4 text-lg font-medium capitalize">
                         </template>
                     </div>
                 </div>
-                <!-- Nested Categories (Men, Women, Kids) -->
+                <!-- Nested Categories (Dynamic from Ecommerce Category) -->
 
-                <template x-for="(category,index) in ['Men','Women','Kids']" :key="index">
-                    <div x-show="current_tab === key && !Array.isArray(values[0]) && key === category" x-transition
-                        class="pt-6 pb-6">
-                        <template x-for="(node, node_index) in values" :key="node_index">
-                            <div class="mb-3">
-                                <div x-data="{ open: false }">
-                                    <!-- Node with children gets an expand/collapse button -->
-                                    <div x-show="!node.is_leaf" class="flex items-center">
-                                        <span class="flex items-center text-gray-800 font-semibold"
-                                            x-text="$store.i18n.t(node.display_name)"></span>
+                <div x-show="current_tab === key && Array.isArray(values) && values.length > 0 && values[0].display_name" x-transition
+                    class="pt-6 pb-6">
+                    <template x-for="(node, node_index) in values" :key="node_index">
+                        <div class="mb-3">
+                            <div x-data="{ open: false }">
+                                <!-- Node with children gets an expand/collapse button -->
+                                <div x-show="!node.is_leaf" class="flex items-center">
+                                    <span class="flex items-center text-gray-800 font-semibold"
+                                        x-text="$store.i18n.t(node.display_name)"></span>
 
-                                    </div>
+                                </div>
 
-                                    <!-- Leaf node gets a checkbox -->
-                                    <div x-show="node.is_leaf" class="flex items-center">
-                                        <input type="checkbox" :id="`${category}-${node_index}`" :value="node.name"
-                                            @change="toggle_filter(key, node.name, true)"
-                                            :checked="is_checked(key, node.name, true)"
-                                            class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
-                                        <label :for="`${category}-${node_index}`" class="ms-2 text-sm text-gray-700 capitalize"
-                                            x-text="$store.i18n.t(node.display_name)"></label>
-                                    </div>
+                                <!-- Leaf node gets a checkbox -->
+                                <div x-show="node.is_leaf" class="flex items-center">
+                                    <input type="checkbox" :id="`${key}-${node_index}`" :value="node.name"
+                                        @change="toggle_filter(key, node.name, true)"
+                                        :checked="is_checked(key, node.name, true)"
+                                        class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
+                                    <label :for="`${key}-${node_index}`" class="ms-2 text-sm text-gray-700 capitalize"
+                                        x-text="$store.i18n.t(node.display_name)"></label>
+                                </div>
 
-                                    <!-- Recursively render children -->
-                                    <div class="pl-3 mt-2 space-y-2">
-                                        <template x-for="(child, child_index) in node.children" :key="child_index">
-                                            <div x-data="{ childOpen: false }" class="mb-2">
-                                                <!-- Child with its own children -->
+                                <!-- Recursively render children -->
+                                <div class="pl-3 mt-2 space-y-2">
+                                    <template x-for="(child, child_index) in node.children" :key="child_index">
+                                        <div x-data="{ childOpen: false }" class="mb-2">
+                                            <!-- Child with its own children -->
 
-                                                <div x-show="!child.is_leaf" class="flex items-center">
-                                                    <button @click="childOpen = !childOpen"
-                                                        class="flex items-center text-gray-800 font-medium">
-                                                     
-                                                        <span x-text="$store.i18n.t(child.display_name)"></span>
-                                                    </button>
-                                                </div>
+                                            <div x-show="!child.is_leaf" class="flex items-center">
+                                                <button @click="childOpen = !childOpen"
+                                                    class="flex items-center text-gray-800 font-medium">
+                                                 
+                                                    <span x-text="$store.i18n.t(child.display_name)"></span>
+                                                </button>
+                                            </div>
 
-                                                <!-- Child leaf node -->
-                                                <div x-show="child.is_leaf" class="flex items-center">
-                                                    <input type="checkbox"
-                                                        :id="`${category}-${node_index}-${child_index}`"
-                                                        :value="child.name"
-                                                        @change="toggle_filter(key, child.name, true)"
-                                                        :checked="is_checked(key, child.name, true)"
-                                                        class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
-                                                    <label :for="`${category}-${node_index}-${child_index}`"
-                                                        class="ms-2 text-sm text-gray-700 capitalize"
-                                                        x-text="$store.i18n.t(child.display_name)"></label>
-                                                </div>
+                                            <!-- Child leaf node -->
+                                            <div x-show="child.is_leaf" class="flex items-center">
+                                                <input type="checkbox"
+                                                    :id="`${key}-${node_index}-${child_index}`"
+                                                    :value="child.name"
+                                                    @change="toggle_filter(key, child.name, true)"
+                                                    :checked="is_checked(key, child.name, true)"
+                                                    class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
+                                                <label :for="`${key}-${node_index}-${child_index}`"
+                                                    class="ms-2 text-sm text-gray-700 capitalize"
+                                                    x-text="$store.i18n.t(child.display_name)"></label>
+                                            </div>
 
-                                                <!-- Grandchildren (third level) -->
-                                                <div class="pl-3 mt-2 space-y-2">
-                                                    <template x-for="(grandchild, grandchild_index) in child.children"
-                                                        :key="grandchild_index">
-                                                        <div class="flex items-center">
-                                                            <input type="checkbox"
-                                                                :id="`${category}-${node_index}-${child_index}-${grandchild_index}`"
-                                                                :value="grandchild.name"
-                                                                @change="toggle_filter(key, grandchild.name, true)"
-                                                                :checked="is_checked(key, grandchild.name, true)"
-                                                                class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
-                                                            <label
-                                                                :for="`${category}-${node_index}-${child_index}-${grandchild_index}`"
-                                                                class="ms-2 text-sm text-gray-700 capitalize"
-                                                                x-text="$store.i18n.t(grandchild.display_name)"></label>
-                                                        </div>
-                                                    </template>
-                                                </div>
+                                            <!-- Grandchildren (third level) -->
+                                            <div class="pl-3 mt-2 space-y-2">
+                                                <template x-for="(grandchild, grandchild_index) in child.children"
+                                                    :key="grandchild_index">
+                                                    <div class="flex items-center">
+                                                        <input type="checkbox"
+                                                            :id="`${key}-${node_index}-${child_index}-${grandchild_index}`"
+                                                            :value="grandchild.name"
+                                                            @change="toggle_filter(key, grandchild.name, true)"
+                                                            :checked="is_checked(key, grandchild.name, true)"
+                                                            class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
+                                                        <label
+                                                            :for="`${key}-${node_index}-${child_index}-${grandchild_index}`"
+                                                            class="ms-2 text-sm text-gray-700 capitalize"
+                                                            x-text="$store.i18n.t(grandchild.display_name)"></label>
+                                                    </div>
+                                                </template>
                                             </div>
-                                        </template>
-                                    </div>
+                                        </div>
+                                    </template>
                                 </div>
                             </div>
-                        </template>
-                    </div>
-                </template>
+                        </div>
+                    </template>
+                </div>
         </template>
         <div class="border-b border-gray-300">
             <button @click="current_tab = (current_tab === 'price_range') ? null : 'price_range'"
@@ -258,11 +256,11 @@ <h2 class="mb-4 text-lg font-medium capitalize">
         </div>
         <div class="mt-15 flex items-center justify-between gap-3 md:hidden">
             <button @click="reset_filters"
-                class="w-full rounded-lg border border-red-800 p-2 px-3 text-lg font-medium text-red-800 hover:bg-red-800 hover:text-white capitalize">
+                class="w-full rounded-lg border border-red-800 p-2 px-3 text-lg font-medium text-primary hover:bg-primary hover:text-white capitalize">
                 {{_('reset all')}}
             </button>
             <button
-                class="transition-easein w-full rounded-lg border bg-red-800 p-2 px-3 text-lg font-medium text-white duration-300 hover:bg-red-900 capitalize"
+                class="transition-easein w-full rounded-lg border bg-primary p-2 px-3 text-lg font-medium text-white duration-300 hover:bg-primary-hover capitalize"
                 @click="apply_filters">
                 {{_('apply filters')}}
             </button>
diff --git a/ls_shop/templates/components/promo_code_component.html b/ls_shop/templates/components/promo_code_component.html
index fdef2f5..99495bb 100644
--- a/ls_shop/templates/components/promo_code_component.html
+++ b/ls_shop/templates/components/promo_code_component.html
@@ -16,7 +16,7 @@
         </span>
     </span>
 {% else %}
-    {% call modal.modal(button_text='apply promo code',button_classes='text-md text-red-800 underline decoration-red-900
+    {% call modal.modal(button_text='apply promo code',button_classes='text-md text-secondary-accent underline decoration-accent
     md:text-base capitalize',
     modal_header='Apply a promo code', header_alignment='center',modal_classes='w-fit') %}
         <div class="p-10 w-full">
diff --git a/ls_shop/templates/components/size_chart_table.html b/ls_shop/templates/components/size_chart_table.html
index 566961e..0426590 100644
--- a/ls_shop/templates/components/size_chart_table.html
+++ b/ls_shop/templates/components/size_chart_table.html
@@ -1,6 +1,6 @@
 <div class="overflow-y-auto max-h-[70vh] w-full overflow-x-auto rounded-lg border border-gray-300">
     <table class="w-full  text-sm text-gray-900 text-center">
-        <thead class="border-b border-gray-300 bg-white text-sm text-red-900 ">
+        <thead class="border-b border-gray-300 bg-white text-sm text-accent ">
             <tr>
                 <template x-for="(cell, index) in size_chart[0]" :key="'head-' + index">
                     <th scope="col" class="p-4" x-text="cell || ''"></th>
diff --git a/ls_shop/templates/components/user_dashboard_sidebar.html b/ls_shop/templates/components/user_dashboard_sidebar.html
index 4b77984..6c88575 100644
--- a/ls_shop/templates/components/user_dashboard_sidebar.html
+++ b/ls_shop/templates/components/user_dashboard_sidebar.html
@@ -1,6 +1,6 @@
 {% from "templates/macros/icon.html" import icon %}
 <div class="mt-3 mb-5">
-    <h2 class="mb-6 text-base font-medium text-red-800">
+    <h2 class="mb-6 text-base font-medium text-heading-accent">
         {{_('My Account')}}
     </h2>
     <div class="grid grid-cols-2 ipad:flex ipad:flex-col">
@@ -11,7 +11,7 @@ <h2 class="mb-6 text-base font-medium text-red-800">
                 <div class="ipad:border-b ipad:border-gray-300 flex items-center text-sm">
                     {{icon('arrow-left',classes='rotate-180 size-4 me-1')}}
                     <button class="flex w-full items-center justify-between font-medium cursor-pointer my-3 
-                            {% if is_active %}text-red-800 font-bold{% else %}hover:text-red-800{% endif %}">
+                            {% if is_active %}text-secondary-accent font-bold{% else %}hover:text-secondary-accent{% endif %}">
                         <span>{{_(page)}}</span>
                     </button>
                 </div>
@@ -22,7 +22,7 @@ <h2 class="mb-6 text-base font-medium text-red-800">
             <div class="ipad:border-b ipad:border-gray-300 flex items-center text-sm">
                 {{icon('arrow-left',classes='rotate-180 size-4 me-1')}}
                 <button class="flex w-full items-center justify-between font-medium cursor-pointer my-3 
-                        {% if is_active %}text-red-800 font-bold{% else %}hover:text-red-800{% endif %}">
+                        {% if is_active %}text-secondary-accent font-bold{% else %}hover:text-secondary-accent{% endif %}">
                     <span>{{_("Wishlist")}}</span>
                 </button>
             </div>
diff --git a/ls_shop/templates/components/user_dropdown.html b/ls_shop/templates/components/user_dropdown.html
index 80633df..1426ae4 100644
--- a/ls_shop/templates/components/user_dropdown.html
+++ b/ls_shop/templates/components/user_dropdown.html
@@ -20,19 +20,19 @@
 </script>
 {% if frappe.session.user != 'Guest' %}
     <a href="/{{frappe.lang}}/account/orders"
-        class="px-2 lg:py-1.5 py-2 w-full flex items-center rounded-md transition-colors text-left hover:bg-gray-20 text-gray-800 hover:text-red-900 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer capitalize">
+        class="px-2 lg:py-1.5 py-2 w-full flex items-center rounded-md transition-colors text-left hover:bg-gray-20 text-gray-800 hover:text-accent disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer capitalize">
         {{_('my orders')}}
     </a>
 {% endif %}
 {% if frappe.session.user != 'Guest' %}
     <button @click="logout"
-        class="px-2 lg:py-1.5 py-2 w-full flex items-center rounded-md transition-colors text-left hover:bg-gray-20 text-gray-800 hover:text-red-900 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer capitalize">
+        class="px-2 lg:py-1.5 py-2 w-full flex items-center rounded-md transition-colors text-left hover:bg-gray-20 text-gray-800 hover:text-accent disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer capitalize">
         {{_('log out')}}
     </button>
     {% else %}
     {% call signup_modal() %}
 <div 
-class="px-2 lg:py-1.5 py-2 w-full flex items-center rounded-md transition-colors text-left hover:bg-gray-20 text-gray-800 hover:text-red-900 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer capitalize">
+class="px-2 lg:py-1.5 py-2 w-full flex items-center rounded-md transition-colors text-left hover:bg-gray-20 text-gray-800 hover:text-accent disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer capitalize">
    {{_('login')}}
 </div>
 {% endcall %}
diff --git a/ls_shop/templates/components/wishlist_icon.html b/ls_shop/templates/components/wishlist_icon.html
index aebd5d6..b385f27 100644
--- a/ls_shop/templates/components/wishlist_icon.html
+++ b/ls_shop/templates/components/wishlist_icon.html
@@ -1,7 +1,7 @@
 <a href="/{{frappe.lang}}/account/wishlist" class="relative">
     {{icon(name="heart",classes="h-6 w-6 ")}}
     <span
-        class="absolute -top-3 ltr:-right-4 rtl:-left-4 bg-red-900 text-white rounded-full w-5 h-5 flex items-center justify-center text-xs"
+        class="absolute -top-3 ltr:-right-4 rtl:-left-4 bg-accent text-white rounded-full w-5 h-5 flex items-center justify-center text-xs"
         x-text="$store.wishlist.count" x-show="$store.wishlist.count > 0 ? true : false" x-cloak>
         0
     </span>
diff --git a/ls_shop/templates/includes/footer.html b/ls_shop/templates/includes/footer.html
index 2d178a4..e4d950c 100644
--- a/ls_shop/templates/includes/footer.html
+++ b/ls_shop/templates/includes/footer.html
@@ -1,119 +1,116 @@
 {% import "templates/macros/collapsible_section.html" as macros %}
-{% set my_account_links = [
-    {"label": "Login/register", "url": "#"},
-    {"label": "My account", "url": "#"},
-    {"label": "Orders history", "url": "#"},
-    {"label": "Track my order", "url": "#"},
-    {"label": "Find our store in Saudi Arabia", "url": "#"}
-  ] 
-%}
+{% set settings = frappe.get_cached_doc("Lifestyle Settings", "Lifestyle Settings") %}
+{% set footer_logo = settings.footer_logo or "/assets/ls_shop/images/lifestyle.png" %}
+{% set store_name = settings.store_name or "Lifestyle" %}
+{% set contact_phone = settings.contact_phone or "920000576" %}
+{% set contact_email = settings.contact_email or "Contact@lifestyle.sa" %}
+{% set working_hours = settings.working_hours or "Sun - Thu / 10.00 AM - 6.00 PM" %}
+{% set newsletter_title = settings.newsletter_title or _('Newsletter sign up') %}
+{% set newsletter_desc = settings.newsletter_description or _('Get all the latest information on Events, Sales and Offers. Sign up for the newsletter today') %}
+{% set copyright_text = settings.copyright_text or store_name + '. All Rights Reserved' %}
+{% set payment_image = settings.payment_methods_image or "/assets/ls_shop/images/payment_method.png" %}
+{% set vat_image = settings.vat_certificate_image or "/assets/ls_shop/images/vat.png" %}
 
-{% set policies_links = [
-    {"label": "Offers policy", "url": "#"},
-    {"label": "Payment policy", "url": "#"},
-    {"label": "Returns policy", "url": "#"},
-    {"label": "Shipping policy", "url": "#"},
-    {"label": "Terms and conditions", "url": "#"},
-    {"label": "Privacy and policy", "url": "#"},
-    {"label": "Promotions", "url": "#"},
-  ] 
-%}
-
-{% set customer_service_links = [
-    {"label": "Sizing charts", "url": "#"},
-    {"label": "FAQ", "url": "#"},
-    {"label": "Contact us", "url": "#"},
-    {"label": "International Shipping", "url": "#"},
-  ] 
-%}
+{# Get footer sections from settings or use defaults #}
+{% set footer_sections = settings.footer_sections if settings.footer_sections else [] %}
 <div class="flex justify-center md:hidden my-9">
-  <a href="https://www.lifestyle.sa/">
-    <img src="/assets/ls_shop/images/lifestyle.png" alt="Lifestyle Logo" />
+  <a href="/">
+    <img src="{{ footer_logo }}" alt="{{ store_name }} Logo" class="h-12 w-32 object-contain" />
   </a>
 </div>
-<footer class="bg-gray-900 text-white">
+<footer class="bg-footer text-footer">
   <div class="max-w-7xl mx-auto px-6 md:px-10 mt-14 py-12">
     <!-- Top Logo Section -->
     <div class="hidden items-start justify-start md:flex mb-12">
-      <a href="https://www.lifestyle.sa/">
-        <img src="/assets/ls_shop/images/lifestyle.png" alt="Lifestyle Logo" />
+      <a href="/">
+        <img src="{{ footer_logo }}" alt="{{ store_name }} Logo" class="h-16 w-40 object-contain" />
       </a>
     </div>
   
     <!-- Main Footer Content -->
     <div class="flex flex-col justify-between md:flex-row">
-      <!-- My Account -->
-      {% call macros.collapsible_section("My Account", "order-2 mb-4 md:order-1 md:mb-0 md:w-1/") %}
-        <ul class="list-disc ps-4 text-sm">
-          {% for item in my_account_links %}
-            <li class="mb-2">
-              <a href="{{ item.url }}" class="text-xs text-gray-300 hover:text-white">{{ _(item.label) }}</a>
-            </li>
-          {% endfor %}
-        </ul>
-      {% endcall %}
-  
-      <!-- Policies -->
-      {% call macros.collapsible_section("Policies", "order-3 mb-4 md:order-2 md:mb-0 md:w-1/") %}
-        <ul class="list-disc ps-4 text-sm">
-          {% for item in policies_links %}
-            <li class="mb-2">
-              <a href="{{ item.url }}" class="text-xs text-gray-300 hover:text-white">{{ _(item.label) }}</a>
-            </li>
-          {% endfor %}
-        </ul>
-      {% endcall %}
-  
-      <!-- Customer Service -->
-      {% call macros.collapsible_section("Customer", "order-4 mb-4 md:order-3 md:mb-0 md:w-1/") %}
-        <ul class="list-disc ps-4 text-sm">
-          {% for item in customer_service_links %}
-            <li class="mb-2">
-              <a href="{{ item.url }}" class="text-xs text-gray-300 hover:text-white">{{ _(item.label) }}</a>
-            </li>
-          {% endfor %}
-        </ul>
-      {% endcall %}
+      {% if footer_sections %}
+        {# Dynamic footer sections from settings #}
+        {% for section_mapping in footer_sections|sort(attribute='section_order') %}
+          {% if section_mapping.enabled %}
+            {% set section = frappe.get_doc('Footer Section Config', section_mapping.footer_section) %}
+            {% set order_class = "order-" + ((loop.index + 1)|string) %}
+            {% call macros.collapsible_section(_(section.section_title), order_class + " mb-4 md:order-" + (loop.index|string) + " md:mb-0 md:w-1/") %}
+              <ul class="list-disc ps-4 text-sm">
+                {% for link in section.footer_links|sort(attribute='link_order') %}
+                  {% if link.enabled %}
+                    <li class="mb-2">
+                      <a href="{{ link.link_url }}" class="text-xs text-gray-300 hover:text-white">{{ _(link.link_label) }}</a>
+                    </li>
+                  {% endif %}
+                {% endfor %}
+              </ul>
+            {% endcall %}
+          {% endif %}
+        {% endfor %}
+      {% else %}
+        {# Default footer sections if none configured #}
+        {% call macros.collapsible_section(_("My Account"), "order-2 mb-4 md:order-1 md:mb-0 md:w-1/") %}
+          <ul class="list-disc ps-4 text-sm">
+            <li class="mb-2"><a href="/{{frappe.lang}}/account/dashboard" class="text-xs text-gray-300 hover:text-white">{{_('My account')}}</a></li>
+            <li class="mb-2"><a href="/{{frappe.lang}}/account/orders" class="text-xs text-gray-300 hover:text-white">{{_('Orders history')}}</a></li>
+            <li class="mb-2"><a href="/{{frappe.lang}}/account/wishlist" class="text-xs text-gray-300 hover:text-white">{{_('Wishlist')}}</a></li>
+          </ul>
+        {% endcall %}
+        
+        {% call macros.collapsible_section(_("Customer Service"), "order-3 mb-4 md:order-2 md:mb-0 md:w-1/") %}
+          <ul class="list-disc ps-4 text-sm">
+            <li class="mb-2"><a href="#" class="text-xs text-gray-300 hover:text-white">{{_('Contact us')}}</a></li>
+            <li class="mb-2"><a href="#" class="text-xs text-gray-300 hover:text-white">{{_('FAQ')}}</a></li>
+          </ul>
+        {% endcall %}
+      {% endif %}
   
       <!-- Contact Us -->
-      {% call macros.collapsible_section("Contact us", "md:w-1/ order-5 mb-4 md:order-4 md:mb-0") %}
+      {% call macros.collapsible_section(_("Contact us"), "md:w-1/ order-5 mb-4 md:order-" + ((footer_sections|length + 1)|string) + " md:mb-0") %}
+        {% if contact_phone %}
         <div class="me-14 flex items-start border-b border-gray-700 pb-4">
           <div class="h-5 w-5 flex items-center justify-center me-3">
             <img src="/assets/ls_shop/icons/phone.svg" alt="">
           </div>
           <div class="flex flex-col">
             <p class="mb-1 text-xs uppercase">{{_('phone')}}</p>
-            <p class="text-xs text-gray-400">920000576</p>
+            <p class="text-xs text-gray-400">{{ contact_phone }}</p>
           </div>
         </div>
+        {% endif %}
     
+        {% if contact_email %}
         <div class="me-14 flex items-start border-b border-gray-700 py-4">
           <div class="h-5 w-5 flex items-center justify-center me-3">
             <img src="/assets/ls_shop/icons/mail.svg" alt="">
           </div>
           <div class="flex flex-col">
             <p class="mb-1 text-xs uppercase">{{_('email')}}</p>
-            <p class="text-xs text-gray-400">Contact@lifestyle.sa</p>
+            <p class="text-xs text-gray-400">{{ contact_email }}</p>
           </div>
         </div>
+        {% endif %}
     
+        {% if working_hours %}
         <div class="flex items-start py-4">
           <div class="h-5 w-5 flex items-center justify-center me-3">
             <img src="/assets/ls_shop/icons/clock.svg" alt="">
           </div>
           <div class="flex flex-col">
             <p class="mb-1 text-xs uppercase">{{_('working days/hours')}}</p>
-            <p class="text-xs text-gray-400">Sun - Thu / 10.00 AM - 6.00 PM</p>
+            <p class="text-xs text-gray-400">{{ working_hours }}</p>
           </div>
         </div>
+        {% endif %}
       {% endcall %}
   
       <!-- Newsletter Sign Up -->
       <div
-        class="order-1 mt-12 mb-4 border-b border-gray-700 pb-6 decoration-1 md:order-5 md:mt-0 md:w-1/5 md:border-0 md:pb-0">
-        <h3 class="py-3 text-sm">{{_('Newsletter sign up')}}</h3>
+        class="order-1 mt-12 mb-4 border-b border-gray-700 pb-6 decoration-1 md:order-{{ footer_sections|length + 2 }} md:mt-0 md:w-1/5 md:border-0 md:pb-0">
+        <h3 class="py-3 text-sm">{{ newsletter_title }}</h3>
         <p class="me-8 mb-4 pt-4 text-xs text-gray-400">
-          {{_('Get all the latest information on Events, Sales and Offers. Sign up for the newsletter today')}}.
+          {{ newsletter_desc }}.
         </p>
         <form class="w-full">
           <div class="me-8 flex max-w-full">
@@ -132,14 +129,14 @@ <h3 class="py-3 text-sm">{{_('Newsletter sign up')}}</h3>
     <!-- Bottom Bar -->
     <div class="mt-8 flex flex-col-reverse items-center justify-between border-t border-gray-700 pt-10 pb-15 md:flex-row">
       <div class="mb-12 flex space-x-4 md:mb-0">
-        <img src="/assets/ls_shop/images/payment_method.png" alt="Payment Icons" class="h-6" />
+        <img src="{{ payment_image }}" alt="Payment Icons" class="h-6" />
       </div>
       <div class="mb-12 flex flex-col text-center text-[10px] text-gray-400 md:mb-0 md:flex-row">
-        <img src="/assets/ls_shop/images/vat.png" alt="" class="me-4 mb-4 h-9 w-auto object-contain md:mb-0" />
+        {% if vat_image %}
+        <img src="{{ vat_image }}" alt="VAT Certificate" class="me-4 mb-4 h-9 w-auto object-contain md:mb-0" />
+        {% endif %}
         <div class="flex flex-col items-start">
-          <p>&copy; {{ frappe.utils.getdate().year }} {{_('Lifestyle. All Rights Reserved')}}</p>
-
-
+          <p>&copy; {{ frappe.utils.getdate().year }} {{ _(copyright_text) }}</p>
         </div>
       </div>
       {% include "templates/includes/social_links.html" %}
diff --git a/ls_shop/templates/includes/header.html b/ls_shop/templates/includes/header.html
index 714a8b1..d19da8d 100644
--- a/ls_shop/templates/includes/header.html
+++ b/ls_shop/templates/includes/header.html
@@ -1,17 +1,20 @@
 {% from 'templates/macros/search_bar_modal.html' import search_bar %}
 {% from "templates/macros/icon.html" import icon %}
 {% include "templates/js/mega_menu.js.html" %}
-{% set brands = frappe.db.get_all('Brand',{"custom_display_on_website":True},order_by="name") %}
-{% set parent_categories = [{"name":"Men"},{"name":"Women"},{"name":"Kids"}] %}
+{% set brands = frappe.db.get_all('Brand', filters={"custom_display_on_website": True}, order_by="name") %}
+{% set parent_categories = frappe.db.get_all('Ecommerce Category', filters={"enabled": 1}, fields=["name", "display_name", "route_slug", "item_group"], order_by="display_order asc, category_name asc") %}
+{% set settings = frappe.get_cached_doc("Lifestyle Settings", "Lifestyle Settings") %}
+{% set brand_logo = settings.brand_logo or "/assets/ls_shop/icons/lifestyle.svg" %}
+{% set store_name = settings.store_name or "Lifestyle" %}
 
 <nav class="border-gray-200 bg-white shadow-sm">
   <div class="max-w-7xl mx-auto px-6 md:px-10 py-5 flex items-center justify-between">
     <a class="rtl:space-x-reverse" href="/">
-      <img src="/assets/ls_shop/icons/lifestyle.svg" alt="Lifestyle Logo" class="w-20 h-10 object-fit" />
+      <img src="{{ brand_logo }}" alt="{{ store_name }} Logo" class="w-12 h-12 object-contain" />
     </a>
     <ul class="hidden items-center md:gap-5  lg:gap-6 xl:gap-10  ipad:flex rtl:space-x-reverse ps-3 ipad-pro:ms-0">
       {% for category in parent_categories %}
-        {% with parent_category = category.name %}
+        {% with parent_category = category.item_group or category.name %}
           {% include "templates/components/category_open_nav.html" %}
         {% endwith %}
       {% endfor %}
diff --git a/ls_shop/templates/includes/home_delivery.html b/ls_shop/templates/includes/home_delivery.html
index ff5db25..5893c39 100644
--- a/ls_shop/templates/includes/home_delivery.html
+++ b/ls_shop/templates/includes/home_delivery.html
@@ -1,8 +1,8 @@
 <div class="flex justify-between items-center border-b border-gray-200 pb-4 mt-6">
-    <h2 class="text-lg font-semibold text-red-800">
+    <h2 class="text-lg font-semibold text-secondary-accent">
         {{ _('Billing details') }}
     </h2>
-    <h3 class="text-sm text-red-800 hover:text-red-900 font-semibold ms-2 cursor-pointer" x-show="!show_billing_state"
+    <h3 class="text-sm text-secondary-accent hover:text-accent font-semibold ms-2 cursor-pointer" x-show="!show_billing_state"
         x-cloak @click="show_billing_state = true;
         billing_address_filled = false;
         payment_mode_confirmed = false " x-collapse.duration.300ms x-transition:enter="ease-out duration-200"
diff --git a/ls_shop/templates/includes/social_links.html b/ls_shop/templates/includes/social_links.html
index 86ac7f2..cd65324 100644
--- a/ls_shop/templates/includes/social_links.html
+++ b/ls_shop/templates/includes/social_links.html
@@ -1,27 +1,42 @@
-<div class="mb-12 flex items-center  space-x-4 md:mb-0">
-  <a href="#">
+{% set settings = frappe.get_cached_doc("Lifestyle Settings", "Lifestyle Settings") %}
+<div class="mb-12 flex items-center space-x-4 md:mb-0">
+  {% if settings.facebook_url %}
+  <a href="{{ settings.facebook_url }}" target="_blank" rel="noopener noreferrer">
     <div class="h-6 w-6 flex items-center justify-center">
       <img src="/assets/ls_shop/icons/facebook.svg" alt="Facebook" />
     </div>
   </a>
-  <a href="#">
+  {% endif %}
+  
+  {% if settings.twitter_url %}
+  <a href="{{ settings.twitter_url }}" target="_blank" rel="noopener noreferrer">
     <div class="h-6 w-6 flex items-center justify-center">
-      <img src="/assets/ls_shop/icons/twitter.svg" alt="twitter" />
+      <img src="/assets/ls_shop/icons/twitter.svg" alt="Twitter/X" />
     </div>
   </a>
-  <a href="#">
+  {% endif %}
+  
+  {% if settings.instagram_url %}
+  <a href="{{ settings.instagram_url }}" target="_blank" rel="noopener noreferrer">
     <div class="h-6 w-6 flex items-center justify-center">
-      <img src="/assets/ls_shop/icons/instagram.svg" alt="instagram" />
+      <img src="/assets/ls_shop/icons/instagram.svg" alt="Instagram" />
     </div>
   </a>
-  <a href="#">
+  {% endif %}
+  
+  {% if settings.snapchat_url %}
+  <a href="{{ settings.snapchat_url }}" target="_blank" rel="noopener noreferrer">
     <div class="h-6 w-6 flex items-center justify-center">
-      <img src="/assets/ls_shop/icons/snapchat.svg" alt="snapchat" />
+      <img src="/assets/ls_shop/icons/snapchat.svg" alt="Snapchat" />
     </div>
   </a>
-  <a href="#">
+  {% endif %}
+  
+  {% if settings.tiktok_url %}
+  <a href="{{ settings.tiktok_url }}" target="_blank" rel="noopener noreferrer">
     <div class="h-6 w-6 flex items-center justify-center">
-      <img src="/assets/ls_shop/icons/tiktok.svg" alt="tiktok" />
+      <img src="/assets/ls_shop/icons/tiktok.svg" alt="TikTok" />
     </div>
   </a>
+  {% endif %}
 </div>
\ No newline at end of file
diff --git a/ls_shop/templates/includes/toast-teleport.html b/ls_shop/templates/includes/toast-teleport.html
index df0c9ef..4d88667 100644
--- a/ls_shop/templates/includes/toast-teleport.html
+++ b/ls_shop/templates/includes/toast-teleport.html
@@ -340,7 +340,7 @@
                     <template x-if="!toast.html">
                         <div class="relative">
                             <div class="flex items-center"
-                                :class="{ 'text-red-900' : toast.type=='success', 'text-blue-500' : toast.type=='info', 'text-orange-400' : toast.type=='warning', 'text-red-500' : toast.type=='danger', 'text-gray-800' : toast.type=='default' }">
+                                :class="{ 'text-accent' : toast.type=='success', 'text-blue-500' : toast.type=='info', 'text-orange-400' : toast.type=='warning', 'text-red-500' : toast.type=='danger', 'text-gray-800' : toast.type=='default' }">
 
                                 <svg x-show="toast.type=='success'" class="w-[18px] h-[18px] me-1.5 -ms-1"
                                     viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
diff --git a/ls_shop/templates/layout.html b/ls_shop/templates/layout.html
index 23b8524..1517839 100644
--- a/ls_shop/templates/layout.html
+++ b/ls_shop/templates/layout.html
@@ -1,18 +1,24 @@
 <!DOCTYPE html>
 <html lang="en">
+{% set settings = frappe.get_cached_doc("Lifestyle Settings", "Lifestyle Settings") %}
+{% set store_name = settings.store_name or "Lifestyle" %}
+{% set favicon = settings.favicon or "/assets/ls_shop/images/meta/favicon-32x32.png" %}
 
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{_("Lifestyle")}}</title>
+    <title>{{ _(store_name) }}</title>
 
     <!-- meta -->
-    <link rel="apple-touch-icon" sizes="180x180" href="/assets/ls_shop/images/meta/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/assets/ls_shop/images/meta/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/assets/ls_shop/images/meta/favicon-16x16.png?v=1744822242">
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ favicon }}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ favicon }}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ favicon }}">
 
 
     <link rel="stylesheet" href="/assets/ls_shop/css/tailwind.css">
+    
+    <!-- Dynamic Theme CSS -->
+    {{ settings.generate_theme_css()|safe }}
 
     
     <!-- https://alpinejs.dev/start-here -->
diff --git a/ls_shop/templates/macros/cancel_order_button.html b/ls_shop/templates/macros/cancel_order_button.html
index 3be6246..ed10682 100644
--- a/ls_shop/templates/macros/cancel_order_button.html
+++ b/ls_shop/templates/macros/cancel_order_button.html
@@ -37,7 +37,7 @@
 
     <div class="mt-3 w-full flex items-end justify-start">
         <button type="button" @click="cancel_order('{{order_id}}', $data)"
-            class="cursor-pointer bg-red-800 rounded-xl p-2 px-5 text-base tracking-wide text-white transition hover:opacity-75  active:outline-offset-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75">{{_('Yes')}}
+            class="cursor-pointer bg-primary rounded-xl p-2 px-5 text-base tracking-wide text-white transition hover:opacity-75  active:outline-offset-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75">{{_('Yes')}}
         </button>
     </div>
 </div>
diff --git a/ls_shop/templates/macros/dropdown.html b/ls_shop/templates/macros/dropdown.html
index b3d56f4..a56a166 100644
--- a/ls_shop/templates/macros/dropdown.html
+++ b/ls_shop/templates/macros/dropdown.html
@@ -53,7 +53,7 @@
         <!-- Badge (optional) -->
         {% if show_badge %}
         <span
-            class="absolute -top-3 ltr:-right-4 rtl:-left-4 bg-red-900 text-white rounded-full w-5 h-5 flex items-center justify-center text-xs"
+            class="absolute -top-3 ltr:-right-4 rtl:-left-4 bg-badge text-white rounded-full w-5 h-5 flex items-center justify-center text-xs"
             {% if badge_count is number %} x-text="{{ badge_count }}" {% else %} x-text="{{ badge_count }}"
             x-show="{{ badge_count }} > 0 ? true : false" {% endif %} x-cloak>
             0
diff --git a/ls_shop/templates/macros/item_card.html b/ls_shop/templates/macros/item_card.html
index 59bf41b..e41a6db 100644
--- a/ls_shop/templates/macros/item_card.html
+++ b/ls_shop/templates/macros/item_card.html
@@ -47,7 +47,7 @@
         {# Discount Badge #}
         {% if discount %}
             <div class="absolute start-3 top-3 z-40">
-                <span class="rounded bg-red-800 px-2 py-1 text-xs font-normal text-white">
+                <span class="rounded bg-accent px-2 py-1 text-xs font-normal text-white">
                     {{ discount|round|int }}% {{ _('off') }}
                 </span>
             </div>
@@ -67,7 +67,8 @@
         
                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke="currentColor"
                     :stroke-width="in_wishlist?0:2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart"
-                    :fill="in_wishlist ? '#ff0000' : 'none'">
+                    :fill="in_wishlist ? 'var(--ls-accent)' : 'none'"
+>
                     <path
                         d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" />
                 </svg>
@@ -85,7 +86,7 @@
     </div>
 
     {# Product Details #}
-    <h3 class="mt-6 font-medium text-red-900 {{  current_variant.brand_size  }}" title="{{_(brand|title)}}">
+    <h3 class="mt-6 font-medium text-link {{  current_variant.brand_size  }}" title="{{_(brand|title)}}">
         {{_(brand|title)}}
     </h3>
     <h4 class="{{ current_variant.product_name_size }}" title="{{_(product_name|title)}}">
@@ -98,7 +99,7 @@ <h4 class="{{ current_variant.product_name_size }}" title="{{_(product_name|titl
     </h4>
     <p class="{{ current_variant.price_size }} flex">
         {% if discount %}
-        <span class="me-2 text-red-900 line-through decoration-[1px] flex ">{{get_currency_symbol()}}{{ "%.2f"|format(original_price or 0)}}</span>
+        <span class="me-2 text-link line-through decoration-[1px] flex ">{{get_currency_symbol()}}{{ "%.2f"|format(original_price or 0)}}</span>
         {% endif %}
         <span class="font-semibold flex">{{get_currency_symbol()}}{{"%.2f"|format(formatted_price or 0) }}</span>
     </p>
diff --git a/ls_shop/templates/macros/return_button.html b/ls_shop/templates/macros/return_button.html
index 7498eef..65d6f16 100644
--- a/ls_shop/templates/macros/return_button.html
+++ b/ls_shop/templates/macros/return_button.html
@@ -124,7 +124,7 @@
                 <textarea type="text" x-ref="{{item.item_code}}_return_comment" name="{{id}}_return_comment" required
                     class="w-full border-gray-300 rounded-md border p-1 text-sm text-gray-600 focus:outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black"
                     placeholder="Enter your comment..."></textarea>
-                <span class="text-red-800 text-xs" x-ref="{{item.item_code}}_error" x-transition></span>
+                <span class="text-secondary-accent text-xs" x-ref="{{item.item_code}}_error" x-transition></span>
             </div>
         </template>
     </div>
@@ -133,7 +133,7 @@
     <div
         class="flex flex-col-reverse justify-between gap-2 border-t border-gray-300 bg-white/60 mt-4 pt-4 sm:flex-row sm:items-center md:justify-end">
         <button type="button" x-on:click="return_items('{{ order_id }}', selected_items,$event.target,$refs)"
-            class="whitespace-nowrap rounded-lg bg-red-900 px-4 py-2 text-center text-sm font-medium tracking-wide text-white transition hover:opacity-75 active:opacity-100 disabled:opacity-75 flex items-center justify-center">
+            class="whitespace-nowrap rounded-lg bg-primary px-4 py-2 text-center text-sm font-medium tracking-wide text-white transition hover:opacity-75 active:opacity-100 disabled:opacity-75 flex items-center justify-center">
             {{ _('Return') }} <div
                 class="hidden  animate-spin  size-4 border-3 border-current border-t-transparent  rounded-full ms-2"
                 role="status" aria-label="loading">
diff --git a/ls_shop/templates/macros/search_bar_modal.html b/ls_shop/templates/macros/search_bar_modal.html
index 280c136..99ad77f 100644
--- a/ls_shop/templates/macros/search_bar_modal.html
+++ b/ls_shop/templates/macros/search_bar_modal.html
@@ -1,5 +1,8 @@
 {% macro search_bar() %}
 {% from "templates/macros/icon.html" import icon %}
+{% set settings = frappe.get_cached_doc("Lifestyle Settings", "Lifestyle Settings") %}
+{% set brand_logo = settings.brand_logo or "/assets/ls_shop/icons/lifestyle.svg" %}
+{% set store_name = settings.store_name or "Lifestyle" %}
 <div x-data="{
     is_open: false,
     products :[],
@@ -38,7 +41,7 @@
             <!-- Dialog Header -->
             <div class="max-w-7xl mx-auto px-6 md:px-10 py-5 flex items-center justify-between w-full">
                 <a class="rtl:space-x-reverse" href="/">
-                    <img src="/assets/ls_shop/images/lifestyle.png" alt="Lifestyle Logo" class="w-20 h-10 object-fit" />
+                    <img src="{{ brand_logo }}" alt="{{ store_name }} Logo" class="w-20 h-10 object-fit" />
                 </a>
                 <div class="max-w-3xl w-full mx-10" x-ref="modalSearch">
                     {% include 'templates/components/core/search_bar.html' %}
@@ -70,7 +73,7 @@ <h3 class="text-base">
                                 </div>
                                 <div class="flex gap-1">
                                     <template x-if="product.default_price && product.discount_percent">
-                                        <p class="text-base font-medium line-through text-red-900 me-2 flex">
+                                        <p class="text-base font-medium line-through text-accent me-2 flex">
 											{{get_currency_symbol()}}<span x-text="product.default_price.toFixed(2)"></span> 
 										</p>
                                     </template>
diff --git a/ls_shop/templates/macros/signup_modal.html b/ls_shop/templates/macros/signup_modal.html
index b160012..080abb3 100644
--- a/ls_shop/templates/macros/signup_modal.html
+++ b/ls_shop/templates/macros/signup_modal.html
@@ -35,12 +35,12 @@ <h3 id="defaultModalTitle" class="font-medium tracking-wide text-lg text-gray-90
                     role="tablist" aria-label="tab options">
                     <button x-on:click="selected_tab = 'login'" x-bind:aria-selected="selected_tab === 'login'"
                         x-bind:tabindex="selected_tab === 'login' ? '0' : '-1'"
-                        x-bind:class="selected_tab === 'login' ? ' text-white bg-red-900 rounded-lg  ' : 'text-gray-400'"
+                        x-bind:class="selected_tab === 'login' ? ' text-white bg-primary rounded-lg  ' : 'text-gray-400'"
                         class="h-min px-8 py-2 text-sm cursor-pointer" type="button" role="tab"
                         aria-controls="tabpanellogin">{{_('Sign In')}}</button>
                     <button x-on:click="selected_tab = 'sign_in'" x-bind:aria-selected="selected_tab === 'sign_in'"
                         x-bind:tabindex="selected_tab === 'sign_in' ? '0' : '-1'"
-                        x-bind:class="selected_tab === 'sign_in' ? ' text-white bg-red-900 rounded-lg  ' : 'text-gray-400'"
+                        x-bind:class="selected_tab === 'sign_in' ? ' text-white bg-primary rounded-lg  ' : 'text-gray-400'"
                         class="h-min px-8 py-2 text-sm cursor-pointer flex items-center " type="button" role="tab"
                         aria-controls="tabpanelsign_in">{{_('Sign Up')}} </button>
 
@@ -57,7 +57,7 @@ <h3 class="text-center mb-4 font-medium">Enter the verification code sent to you
                                     @keydown.backspace="handle_backspace($refs,$event, 0)"
                                     @keydown.left="if(0 > 0) $refs.otp0.focus()" @keydown.right="$refs.otp1.focus()"
                                     @paste="handle_paste($data,$refs,$event, 0)" maxlength="1"
-                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-red-900 text-lg"
+                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-accent text-lg"
                                     required>
 
                                 <input type="text" x-model="otp[1]" x-ref="otp1"
@@ -65,7 +65,7 @@ <h3 class="text-center mb-4 font-medium">Enter the verification code sent to you
                                     @keydown.backspace="handle_backspace($refs,$event, 1)"
                                     @keydown.left="$refs.otp0.focus()" @keydown.right="$refs.otp2.focus()"
                                     @paste="handle_paste($data,$refs,$event, 1)" maxlength="1"
-                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-red-900 text-lg"
+                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-accent text-lg"
                                     required>
 
                                 <input type="text" x-model="otp[2]" x-ref="otp2"
@@ -73,7 +73,7 @@ <h3 class="text-center mb-4 font-medium">Enter the verification code sent to you
                                     @keydown.backspace="handle_backspace($refs,$event, 2)"
                                     @keydown.left="$refs.otp1.focus()" @keydown.right="$refs.otp3.focus()"
                                     @paste="handle_paste($data,$refs,$event, 2)" maxlength="1"
-                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-red-900 text-lg"
+                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-accent text-lg"
                                     required>
 
                                 <input type="text" x-model="otp[3]" x-ref="otp3"
@@ -81,7 +81,7 @@ <h3 class="text-center mb-4 font-medium">Enter the verification code sent to you
                                     @keydown.backspace="handle_backspace($refs,$event, 3)"
                                     @keydown.left="$refs.otp2.focus()" @keydown.right="$refs.otp4.focus()"
                                     @paste="handle_paste($data,$refs,$event, 3)" maxlength="1"
-                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-red-900 text-lg"
+                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-accent text-lg"
                                     required>
 
                                 <input type="text" x-model="otp[4]" x-ref="otp4"
@@ -89,7 +89,7 @@ <h3 class="text-center mb-4 font-medium">Enter the verification code sent to you
                                     @keydown.backspace="handle_backspace($refs,$event, 4)"
                                     @keydown.left="$refs.otp3.focus()" @keydown.right="$refs.otp5.focus()"
                                     @paste="handle_paste($data,$refs,$event, 4)" maxlength="1"
-                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-red-900 text-lg"
+                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-accent text-lg"
                                     required>
 
                                 <input type="text" x-model="otp[5]" x-ref="otp5"
@@ -97,7 +97,7 @@ <h3 class="text-center mb-4 font-medium">Enter the verification code sent to you
                                     @keydown.backspace="handle_backspace($refs,$event, 5)"
                                     @keydown.left="$refs.otp4.focus()" @keydown.right="if(5 < 5) $refs.otp5.focus()"
                                     @paste="handle_paste($data,$refs,$event, 5)" maxlength="1"
-                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-red-900 text-lg"
+                                    class="w-12 h-12 text-center border border-gray-300 rounded-lg focus:outline-none focus:border-accent text-lg"
                                     required>
                             </div>
 
diff --git a/ls_shop/templates/macros/user_dashboard_product.html b/ls_shop/templates/macros/user_dashboard_product.html
index 639a81a..98e03d0 100644
--- a/ls_shop/templates/macros/user_dashboard_product.html
+++ b/ls_shop/templates/macros/user_dashboard_product.html
@@ -15,7 +15,7 @@ <h1 class="text-base md:text-lg  font-medium mb-3"> {{_('Arriving')}} {{_(delive
             <p class="flex">{{get_currency_symbol()}} {{"%.2f"|format(price)}} </p>
         </div>
         {% if view_order %}
-        <p class="text-base text-red-900 underline capitalize">
+        <p class="text-base text-accent underline capitalize">
             {{_('view order')}}
         </p>
         {% endif %}
diff --git a/ls_shop/www/account/address.html b/ls_shop/www/account/address.html
index 5f0e111..5a43001 100644
--- a/ls_shop/www/account/address.html
+++ b/ls_shop/www/account/address.html
@@ -20,7 +20,7 @@ <h2 class="text-base w-1/4 hidden md:block">
                         {{address.display}}
                     </span>
                     <span class="flex gap-5">
-                        <button class="text-red-900" @click="delete_doc($el,'Address', '{{address.name}}')">
+                        <button class="text-accent" @click="delete_doc($el,'Address', '{{address.name}}')">
                             {{icon(name="trash",classes="h-5 w-5 cursor-pointer")}}
                         </button>
                     </span>
@@ -42,7 +42,7 @@ <h2 class="text-base w-1/4 hidden md:block">
                         {{_(address.display)}}
                     </span>
                     <span class="flex gap-5">
-                        <button class="text-red-900" @click="delete_doc($el,'Address', '{{address.name}}')">
+                        <button class="text-accent" @click="delete_doc($el,'Address', '{{address.name}}')">
                             {{icon(name="trash",classes="h-5 w-5 cursor-pointer")}}
                         </button>
                     </span>
diff --git a/ls_shop/www/account/dashboard.html b/ls_shop/www/account/dashboard.html
index 189fed7..37784b5 100644
--- a/ls_shop/www/account/dashboard.html
+++ b/ls_shop/www/account/dashboard.html
@@ -5,7 +5,7 @@
 <div class="md:grid md:grid-cols-2 md:gap-10">
     <div class="border border-gray-300  rounded-lg">
         <div class="flex items-center justify-between border-b border-gray-300 bg-gray-50 p-3">
-            <h3 class="text-base text-red-900 font-medium uppercase">{{_('my profile')}}</h3>
+            <h3 class="text-base text-accent font-medium uppercase">{{_('my profile')}}</h3>
             <a href="/{{frappe.lang}}/account/profile">
                 <p class="underline">{{_('Edit')}}</p>
             </a>
@@ -25,7 +25,7 @@ <h3 class="text-base text-red-900 font-medium uppercase">{{_('my profile')}}</h3
     </div>
     <div class="border border-gray-300  mt-4 md:mt-0 rounded-lg">
         <div class="flex items-center justify-between border-b border-gray-300 bg-gray-50 p-3">
-            <h3 class="text-base text-red-900 font-medium uppercase">{{_('billing information')}}</h3>
+            <h3 class="text-base text-accent font-medium uppercase">{{_('billing information')}}</h3>
             <a href="/{{frappe.lang}}/account/address">
                 <p class="underline">{{_('View all')}}</p>
             </a>
@@ -41,7 +41,7 @@ <h3 class="text-base text-red-900 font-medium uppercase">{{_('billing informatio
 <template x-if="$store.wishlist.items.length > 0">
     <div class="border border-gray-300  rounded-lg mt-4 md:mt-10">
         <div class="flex items-center justify-between border-b border-gray-300 bg-gray-50 p-3">
-            <h3 class="text-base text-red-900 font-medium uppercase">{{_('my wishlist')}}</h3>
+            <h3 class="text-base text-accent font-medium uppercase">{{_('my wishlist')}}</h3>
             <a href="/{{frappe.lang}}/account/wishlist">
                 <p class="underline">{{_('Edit')}}</p>
             </a>
@@ -54,7 +54,7 @@ <h3 class="text-base text-red-900 font-medium uppercase">{{_('my wishlist')}}</h
                     <div class="md:mt-5">
                     
                         <div class="text-sm gap-2 flex flex-col">
-                            <p class="text-red-800 font-medium text-base" :title="item.brand" x-text="$store.i18n.t(item.brand)"></p>
+                            <p class="text-secondary-accent font-medium text-base" :title="item.brand" x-text="$store.i18n.t(item.brand)"></p>
                             <p>
                                 {% if frappe.lang == "en" %}
                                 <span x-text="item.item_name"></span>
diff --git a/ls_shop/www/account/orders/detail.html b/ls_shop/www/account/orders/detail.html
index 86624ad..10ad3c2 100644
--- a/ls_shop/www/account/orders/detail.html
+++ b/ls_shop/www/account/orders/detail.html
@@ -54,7 +54,7 @@ <h1 class="text-base mb-2 md:mb-0 md:text-lg">{{_('Order Id')}}: {{order.name}}<
     <div
         class="flex flex-col md:flex-row items-start md:justify-between border-b border-gray-300 pb-5 mb-5 gap-3 ipad:gap-20">
         <div class="md:w-1/3">
-            <h3 class="text-base text-red-800 font-medium ">
+            <h3 class="text-base text-secondary-accent font-medium ">
                 {% if order.custom_is_store_pickup %}
                     {{_('Pickup from')}}
                 {% else %}
@@ -81,7 +81,7 @@ <h3 class="text-base font-normal mt-3 ">
             </h3>
         </div>
         <div class="md:w-1/3">
-            <h3 class="text-base text-red-800 font-medium capitalize">{{_('payment method')}}</h3>
+            <h3 class="text-base text-secondary-accent font-medium capitalize">{{_('payment method')}}</h3>
             <h3 class="text-base font-normal mt-3 ">
                  {% if order.custom_ecommerce_payment_mode %}
                 {% if order.custom_ecommerce_payment_mode == "Telr" %}
@@ -93,7 +93,7 @@ <h3 class="text-base font-normal mt-3 ">
             </h3>
         </div>
         <div class="w-full md:w-1/3">
-            <h3 class="text-base text-red-800 font-medium ">{{_('Order Summary')}}</h3>
+            <h3 class="text-base text-secondary-accent font-medium ">{{_('Order Summary')}}</h3>
             <h3 class="text-base font-normal mt-2 flex items-center justify-between">
                 <span>
                     {{_('Item(s) subtotal')}}
diff --git a/ls_shop/www/account/orders/index.html b/ls_shop/www/account/orders/index.html
index ced2f4a..f82dd1d 100644
--- a/ls_shop/www/account/orders/index.html
+++ b/ls_shop/www/account/orders/index.html
@@ -70,7 +70,7 @@
 }" x-init="fetch_returned_items('{{ order.name }}')" x-effect="watch_selected_items()" class="flex flex-col border  border-gray-300 rounded-lg mb-4">
     <div class="flex items-start justify-between border-b border-gray-300 bg-gray-50 p-4 rounded-t-lg">
         <div>
-            <h3 class="text-sm text-red-800 font-medium uppercase">{{order.name}}</h3>
+            <h3 class="text-sm text-secondary-accent font-medium uppercase">{{order.name}}</h3>
             <a href="/{{frappe.lang}}/account/orders/detail?order_id={{order.name}}"
                 class="text-sm font-normal  underline">
                 <div class="mt-3">
@@ -79,7 +79,7 @@ <h3 class="text-sm text-red-800 font-medium uppercase">{{order.name}}</h3>
             </a>
         </div>
         <div class="hidden md:block">
-            <h3 class="text-sm text-red-800 font-medium capitalize">{{_('payment method')}}</h3>
+            <h3 class="text-sm text-secondary-accent font-medium capitalize">{{_('payment method')}}</h3>
             <h3 class="text-sm font-normal mt-3 ">
                 {% if order.custom_ecommerce_payment_mode %}
                 {% if order.custom_ecommerce_payment_mode == "Telr" %}
@@ -91,7 +91,7 @@ <h3 class="text-sm font-normal mt-3 ">
             </h3>
         </div>
         <div class="hidden md:block">
-            <h3 class="text-sm text-red-800 font-medium ">
+            <h3 class="text-sm text-secondary-accent font-medium ">
                 {% if order.custom_is_store_pickup %}
                     {{_('Pickup from')}}
                 {% else %}
@@ -123,7 +123,7 @@ <h3 class="text-sm font-normal mt-3 ">
                 {% with sales_invoice = frappe.get_all("Sales Invoice",filters={'sales_order':order.name},limit=1) %}
                 {% if sales_invoice %}
                 <a href="/api/method/frappe.utils.print_format.download_pdf?doctype=Sales Invoice&name={{sales_invoice[0].name}}&format={{print_format}}"
-                    target="_blank" class="text-sm text-red-800 font-medium flex items-center justify-end mb-2 "
+                    target="_blank" class="text-sm text-secondary-accent font-medium flex items-center justify-end mb-2 "
                     x-show="!partially_returned">
                     {% if order.custom_ecommerce_status == "Delivered" %}
             
@@ -133,7 +133,7 @@ <h3 class="text-sm font-normal mt-3 ">
                     {% endif %}
                 </a>
                 <a href="/api/method/frappe.utils.print_format.download_pdf?doctype=Sales Invoice&name={{sales_invoice[0].name}}&format={{print_format}}"
-                    target="_blank" class="text-sm text-red-800 font-medium flex items-center justify-end mb-2"
+                    target="_blank" class="text-sm text-secondary-accent font-medium flex items-center justify-end mb-2"
                     x-show="partially_returned && !is_fully_returned" x-cloak>
                     {{icon("invoice",classes = 'size-4 me-1')}}
                     {{_('Invoice')}}
@@ -194,7 +194,7 @@ <h3 class="text-sm font-normal mt-3 ">
 {% endfor %}
  <div x-show="loading_status" style="background: rgba(255,255,255,0.8)"
         class="fixed top-0 left-0 w-full h-full z-50 flex items-center justify-center" >
-        <div class=" p-4 rounded-md  text-lg text-red-900 flex items-center gap-2">
+        <div class=" p-4 rounded-md  text-lg text-accent flex items-center gap-2">
             <div class="  animate-spin  size-5 border-3 border-current border-t-transparent  rounded-full ms-2"
                 role="status" aria-label="loading">
             </div>
diff --git a/ls_shop/www/account/profile.html b/ls_shop/www/account/profile.html
index 1d491c2..96b8275 100644
--- a/ls_shop/www/account/profile.html
+++ b/ls_shop/www/account/profile.html
@@ -44,7 +44,7 @@
         </div>
     </div>
     <div x-show="errors.length > 0"
-        class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-lg relative mt-4" x-cloak
+        class="bg-red-100 border border-red-400 text-accent px-4 py-3 rounded-lg relative mt-4" x-cloak
         x-transition.origin.top>
         <ul>
             <template x-for="error in errors" :key="error">
@@ -52,7 +52,7 @@
             </template>
         </ul>
     </div>
-    <button class="bg-red-900 text-white py-2 px-10 mt-4 rounded-lg disabled:opacity-75 flex items-center cursor-pointer"
+    <button class="bg-accent text-white py-2 px-10 mt-4 rounded-lg disabled:opacity-75 flex items-center cursor-pointer"
         x-ref="update_btn">{{_('Update')}}
         <div class="hidden  animate-spin  size-4 border-3 border-current border-t-transparent  rounded-full ms-2"
             role="status" aria-label="loading">
diff --git a/ls_shop/www/account/wishlist.html b/ls_shop/www/account/wishlist.html
index 36ea6f6..c353d6e 100644
--- a/ls_shop/www/account/wishlist.html
+++ b/ls_shop/www/account/wishlist.html
@@ -23,7 +23,7 @@
 				</div>
 			</div>
 
-			<h3 class="mt-6 font-medium text-red-900 text-base md:text-xl" :title="item.brand" x-text="$store.i18n.t(item.brand)">
+			<h3 class="mt-6 font-medium text-accent text-base md:text-xl" :title="item.brand" x-text="$store.i18n.t(item.brand)"></h3>
 			</h3>
 			{% if frappe.lang == 'en' %}
 			<h4 class="text-base md:text-xl ">
diff --git a/ls_shop/www/cart/cart.html b/ls_shop/www/cart/cart.html
index b1ded62..a6f5aad 100644
--- a/ls_shop/www/cart/cart.html
+++ b/ls_shop/www/cart/cart.html
@@ -50,7 +50,7 @@
 
 	<div x-show="show_delivery_charges && $store.cart.selected_count >0" x-transition>
 		{% call banner() %}
-		<div class="text-sm text-red-800 w-full text-center">
+		<div class="text-sm text-secondary-accent w-full text-center">
 			{{_('Add items worth')}} {{get_currency_symbol()}} <span x-text="(delivery_charge_applicable_below - $store.cart.total) > 0 ? (delivery_charge_applicable_below - $store.cart.total).toFixed(2) : 0"></span>
 			{{_('more to get free delivery')}}
 		</div>
@@ -58,7 +58,7 @@
 	</div>
 	<div x-show="$store.cart.selected_count < 1" x-transition x-transition:leave="opacity-0">
 		{% call banner() %}
-		<div class="text-sm text-red-800 w-full text-center">
+		<div class="text-sm text-secondary-accent w-full text-center">
 			{{ _('Add items to continue') }}
 		</div>
 		{% endcall %}
@@ -76,7 +76,7 @@ <h3 class="text-lg font-medium flex">
 				<template x-for="cart_item in $store.cart.items" :key="cart_item.variant.item_code">
 					<li class="flex w-full items-center">
 						<input type="checkbox" x-model="cart_item.selected"
-							class="w-5 h-5 accent-red-900 text-red-900 border-red-900 rounded-lg focus:ring-red-900 me-1 md:me-2 ">
+							class="w-5 h-5 accent-form text-accent border-accent rounded-lg focus:ring-focus me-1 md:me-2 ">
 
 						<div class="flex gap-2 rounded-lg border border-gray-300 md:gap-7 mb-4 w-full" x-data='{
 						wishlist_item:{
@@ -97,7 +97,7 @@ <h3 class="text-lg font-medium flex">
 						<!-- Product Details -->
 							<div class="mt-4 md:mt-6 flex flex-4 justify-between">
 								<div>
-									<h3 class="mb-2.5 text-sm font-medium text-red-900 md:text-base"
+									<h3 class="mb-2.5 text-sm font-medium text-brand md:text-base"
 										x-text="cart_item.brand">
 									</h3>
 									<h4 class="mb-2 text-sm font-medium md:text-base">
@@ -113,9 +113,9 @@ <h4 class="mb-2 text-sm font-medium md:text-base">
 									{% include 'templates/components/cart_product_size_dropdown.html'   %}
 									<div class="text-sm font-medium mt-2 md:mt-9 flex">
 										<template x-if="cart_item.default_price && cart_item.default_price !== cart_item.price">
-										<p class="text-sm font-medium line-through text-red-900 me-2 flex">
+										<p class="text-sm font-medium line-through text-strikethrough me-2 flex">
 											{{get_currency_symbol()}}
-											<span x-text="parseFloat(cart_item.default_price).toFixed(2)"></span> 
+											<span x-text="parseFloat(cart_item.default_price).toFixed(2)"></span>
 										</p>
 									</template>
 									&nbsp;
@@ -237,13 +237,13 @@ <h2 class="text-base font-medium md:text-lg capitalize">
 
 					{% call signup_modal() %}
 					<span
-						class=" text-white text-base font-semibold uppercase w-full h-12 py-3 bg-red-900 hover:bg-red-800 rounded-lg flex justify-center items-center gap-2.5">
+						class=" text-white text-base font-semibold uppercase w-full h-12 py-3 bg-accent hover:bg-secondary-accent rounded-lg flex justify-center items-center gap-2.5">
 						{{ _("Login to Checkout") }}
 					</span>
 					{% endcall %}
 					{% else %}
 					<button x-on:click="proceed_to_checkout($data)"
-						class="w-full h-12  py-3 bg-red-900 hover:bg-red-800 rounded-lg flex justify-center items-center gap-2.5 cursor-pointer disabled:opacity-75"
+						class="w-full h-12  py-3 bg-accent hover:bg-secondary-accent rounded-lg flex justify-center items-center gap-2.5 cursor-pointer disabled:opacity-75"
 						:disabled="checkout_loading?true:false">
 						<span class="flex items-center text-white text-base font-semibold uppercase">
 					
@@ -260,7 +260,7 @@ <h2 class="text-base font-medium md:text-lg capitalize">
 	</div>
 	<div x-show="cart_loading" style="background: rgba(255,255,255,0.8)"
 		class="fixed top-0 left-0 w-full h-full z-50 flex items-center justify-center" x-cloak>
-		<div class=" p-4 rounded-md  text-lg text-red-900 flex items-center gap-2">
+		<div class=" p-4 rounded-md  text-lg text-accent flex items-center gap-2">
 			<div class="  animate-spin  size-5 border-3 border-current border-t-transparent  rounded-full ms-2"
 				role="status" aria-label="loading">
 			</div>
diff --git a/ls_shop/www/cart/checkout.html b/ls_shop/www/cart/checkout.html
index f688a15..d4d5308 100644
--- a/ls_shop/www/cart/checkout.html
+++ b/ls_shop/www/cart/checkout.html
@@ -342,7 +342,7 @@ <h2 class="text-lg font-medium me-2 flex">
         </span>{{get_currency_symbol()}} <span x-text="checkout_total.toFixed(2)"></span> 
         </h2>
         <div>
-            {% call modal.modal(button_text='View Items',button_classes='text-sm text-red-900 font-semibold ms-2',
+            {% call modal.modal(button_text='View Items',button_classes='text-sm text-accent font-semibold ms-2',
             modal_header='Your Cart') %}
             <div class="p-6">
                 {% with tabby_selector="tabby-promo-mobile" %}
@@ -356,14 +356,14 @@ <h2 class="text-lg font-medium me-2 flex">
         <div class="flex-1" x-data="billing_state()">
             <form x-ref="checkout_form" @submit.prevent="update_quotation_address($data, $refs)">
                 <div class="flex justify-between items-center border-b border-gray-200 pb-4">
-                    <h2 class="text-lg font-semibold text-red-800 capitalize">
+                    <h2 class="text-lg font-semibold text-secondary-accent capitalize">
                         {{ _('select delivery option') }}
                     </h2>
                 </div>
                 <div class="mt-4 gap-4 flex flex-col md:flex-row justify-between">
                     <label
                         class="flex flex-1 items-center p-3 space-x-3 bg-white border rounded-lg hover:bg-gray-50 border-gray-200/70 cursor-pointer"
-                        :class="{'border-red-800': delivery_option === 'home_delivery'}" @click="billing_address_filled = false;
+                        :class="{'border-secondary-accent': delivery_option === 'home_delivery'}" @click="billing_address_filled = false;
                         show_billing_state = true;
                         payment_mode_confirmed = false;
                         errors={};">
@@ -375,7 +375,7 @@ <h2 class="text-lg font-semibold text-red-800 capitalize">
                     </label>
                     <label
                         class="flex flex-1 items-center p-3 space-x-3 bg-white border rounded-lg hover:bg-gray-50 border-gray-200/70 cursor-pointer"
-                        :class="{'border-red-800': delivery_option === 'store_pickup'}" @click="billing_address_filled = false;
+                        :class="{'border-secondary-accent': delivery_option === 'store_pickup'}" @click="billing_address_filled = false;
                         show_pickup_state = true;
                         payment_mode_confirmed = false;
                         errors={};">
@@ -392,10 +392,10 @@ <h2 class="text-lg font-semibold text-red-800 capitalize">
                     x-transition:enter-start="opacity-0 transform -translate-y-4"
                     x-transition:enter-end="opacity-100 transform translate-y-0" x-cloak>
                     <div class="flex justify-between items-center border-b border-gray-200 pb-4 mt-6">
-                        <h2 class="text-lg font-semibold text-red-800 capitalize">
+                        <h2 class="text-lg font-semibold text-secondary-accent capitalize">
                             {{ _('billing details') }}
                         </h2>
-                        <h3 class="text-sm text-red-800 hover:text-red-900 font-semibold ms-2 cursor-pointer"
+                        <h3 class="text-sm text-secondary-accent hover:text-accent font-semibold ms-2 cursor-pointer"
                             x-show="!show_pickup_state" x-cloak @click="show_pickup_state = true;
                             billing_address_filled = false;
                             payment_mode_confirmed = false " x-collapse.duration.300ms
@@ -421,7 +421,7 @@ <h3 class="text-base font-medium mb-4">{{ _('Select Pickup Location') }}</h3>
                 </div>
 
                 <div x-show="errors.length > 0"
-                    class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-lg relative mt-4" x-cloak
+                    class="bg-red-100 border border-red-400 text-accent px-4 py-3 rounded-lg relative mt-4" x-cloak
                     x-transition.origin.top>
                     <ul>
                         <template x-for="error in errors" :key="error">
@@ -433,7 +433,7 @@ <h3 class="text-base font-medium mb-4">{{ _('Select Pickup Location') }}</h3>
                     x-show="delivery_option === 'home_delivery' && show_billing_state === true || delivery_option === 'store_pickup' && show_pickup_state === true "
                     x-transition>
                     <button type="submit"
-                        class="w-full flex items-center justify-center rounded-md bg-red-900 px-6 py-3 font-normal text-white opacity-90 hover:opacity-100 focus:ring-2 focus:ring-red-900 focus:outline-none cursor-pointer text-center disabled:opacity-70 disabled:cursor-not-allowed"
+                        class="w-full flex items-center justify-center rounded-md bg-accent px-6 py-3 font-normal text-white opacity-90 hover:opacity-100 focus:ring-2 focus:ring-focus focus:outline-none cursor-pointer text-center disabled:opacity-70 disabled:cursor-not-allowed"
                         :disabled="address_loading">
                         {{_('Continue')}}
                         <div class="animate-spin inline-block size-5 border-3 border-current border-t-transparent rounded-full ms-2"
@@ -444,7 +444,7 @@ <h3 class="text-base font-medium mb-4">{{ _('Select Pickup Location') }}</h3>
             </form>
             <template x-if="billing_address_filled">
                 <div class="space-y-10">
-                    <h2 class="text-lg font-semibold text-red-800 border-b border-gray-200 pb-4 my-5">{{ _("Payment method") }}</h2>
+                    <h2 class="text-lg font-semibold text-secondary-accent border-b border-gray-200 pb-4 my-5">{{ _("Payment method") }}</h2>
                     <div class="space-y-3">
                         <label
                             class="flex items-start flex-col p-3 space-x-3 bg-white border rounded-lg hover:bg-gray-50 border-gray-200/70 cursor-pointer"
@@ -472,7 +472,7 @@ <h2 class="text-lg font-semibold text-red-800 border-b border-gray-200 pb-4 my-5
                             </div>
                             <img src="/assets/ls_shop/images/tabby.png" alt="" class="mt-3 -ms-1 h-6 object-contain">
                             <div x-show="tabby_order_rejected"
-                                class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-lg relative mt-4"
+                                class="bg-red-100 border border-red-400 text-accent px-4 py-3 rounded-lg relative mt-4"
                                 x-cloak x-transition.origin.top>
                                 <p class="text-sm">{{_('Sorry, Tabby is unable to approve this purchase. Please use an alternative payment method for your order.')}}</p>
                             </div>
@@ -502,7 +502,7 @@ <h2 class="text-lg font-semibold text-red-800 border-b border-gray-200 pb-4 my-5
                         </label>
                     </div>
                     <button @click="payment_mode_confirmed = true"
-                        class="w-full items-center justify-center rounded-md bg-red-900 px-6 py-3 font-normal text-white opacity-90 hover:opacity-100 focus:ring-2 focus:ring-red-900 focus:outline-none cursor-pointer text-center mb-5 flex disabled:opacity-75" id="render_payment_gateway_btn">
+                        class="w-full items-center justify-center rounded-md bg-accent px-6 py-3 font-normal text-white opacity-90 hover:opacity-100 focus:ring-2 focus:ring-focus focus:outline-none cursor-pointer text-center mb-5 flex disabled:opacity-75" id="render_payment_gateway_btn">
                        
                         {{ _("Proceed to pay") }}
                          <div class="animate-spin  size-5 border-3 border-current border-t-transparent rounded-full ms-2 hidden"
diff --git a/ls_shop/www/products/details.html b/ls_shop/www/products/details.html
index be8ecb2..e63b3cf 100644
--- a/ls_shop/www/products/details.html
+++ b/ls_shop/www/products/details.html
@@ -25,7 +25,7 @@
     }
     
     .embla__dot--selected {
-    background-color: #991b1f !important;
+    background-color: var(--ls-carousel-dot) !important;
     }
 </style>
 <!-- Product variant is style attribute variant -->
@@ -82,7 +82,7 @@ <h2 class="mb-3.5 text-base md:mb-6 md:text-xl ">
                     <!-- Disounted price -->
                     {% if discount_percent %}
                     <span
-                        class="text-base font-normal text-red-900 line-through decoration-[1px] md:text-xl flex">{{get_currency_symbol()}}{{"%.2f"|format(default_price)}}</span>
+                        class="text-base font-normal text-strikethrough line-through decoration-[1px] md:text-xl flex">{{get_currency_symbol()}}{{"%.2f"|format(default_price)}}</span>
                     {% endif %}
                     <span
                         class="ms-2 text-base font-medium text-gray-900 md:text-xl md:font-medium flex">{{get_currency_symbol()}}{{"%.2f"|format(selected_price)}}</span>
@@ -110,7 +110,7 @@ <h3 class="text-base font-semibold md:text-xl">
                         </template>
                     </div>
                     {% if size_selected %}
-                        <p class="text-red-900 text-xs font-medium mb-3">
+                        <p class="text-accent text-xs font-medium mb-3">
                             {% if product_in_stock %}
                             {{_('Only')}}
                             {% endif %}
@@ -127,7 +127,7 @@ <h3 class="text-base font-semibold md:text-xl">
                             <button
                                 class="cursor-pointer text-md rounded-md bg-gray-100 px-4 py-2 font-medium text-gray-700 hover:bg-gray-200 disabled:hover:bg-gray-100 disabled:pointer-events-none"
                                 :class="{
-                                    'outline outline-red-900 bg-white text-red-900 hover:bg-white': selected_btn==='{{size.size}}'&& '{{size.stock_detail.in_stock}}' === '1' && '{{size_selected}}' !== 'None',
+                                    'outline outline-accent bg-white text-accent hover:bg-white': selected_btn==='{{size.size}}'&& '{{size.stock_detail.in_stock}}' === '1' && '{{size_selected}}' !== 'None',
                                     'opacity-50 out-of-stock': '{{size.stock_detail.in_stock}}' !== '1'
                                 }"  @click="update_size('{{ size.size }}');
                                 selected_variant={{size}}">
@@ -164,7 +164,7 @@ <h3 class="text-sm font-semibold md:text-xl">
                 {% endif %}
                 <div x-data="{ is_open: false }">
                     <button
-                        class="mt-7 flex w-full items-center justify-between rounded-md bg-red-900 px-6 py-3 font-normal text-white opacity-90 hover:opacity-100 focus:ring-2 focus:ring-red-900 focus:outline-none cursor-pointer disabled:opacity-75 disabled:pointer-events-none"
+                        class="mt-7 flex w-full items-center justify-between rounded-md bg-button px-6 py-3 font-normal text-white opacity-90 hover:opacity-100 focus:ring-2 focus:ring-focus focus:outline-none cursor-pointer disabled:opacity-75 disabled:pointer-events-none"
                         @click="
                                     if (selected_variant) {
                                         $store.cart.add(product, selected_variant, price,default_price, brand,sizes,qty);
@@ -184,7 +184,7 @@ <h3 class="text-sm font-semibold md:text-xl">
                             <img src="{{ images[0]}}" alt="{{ _(product_variant.display_name) }}"
                                 class="w-34 h-45 object-cover rounded-lg">
                         </div>
-                        <p class="text-red-900">
+                        <p class="text-accent">
                             {% if frappe.lang == "en" %}
                             {{ _(product.item_name) }}
                             {% else %}
@@ -198,7 +198,7 @@ <h3 class="text-sm font-semibold md:text-xl">
                                 {{ _("Continue Shopping") }}
                             </button>
                             <a href="/{{frappe.lang}}/cart"
-                                class="px-4 py-2 bg-red-900 text-white  opacity-90 hover:opacity-100  rounded-md">
+                                class="px-4 py-2 bg-accent text-white  opacity-90 hover:opacity-100  rounded-md">
                                 {{ _("Go to Cart") }}
                             </a>
                         </div>
diff --git a/ls_shop/www/products/list.py b/ls_shop/www/products/list.py
index db95ecd..3550b85 100644
--- a/ls_shop/www/products/list.py
+++ b/ls_shop/www/products/list.py
@@ -23,10 +23,10 @@ def get_filter_brands(filters=None):
 
 	query = query.select(item.brand).distinct().orderby(item.brand)
 	brands = query.run(pluck=True)
-	print(brands)
-	if not brands[0]:
+	if not brands:
 		return []
-	brands = [b.title() for b in brands]
+	# Filter out None or empty brand values
+	brands = [b.title() for b in brands if b]
 	return brands
 
 
@@ -105,14 +105,32 @@ def get_product_filters(selected_filters):
 		)
 		.where(item_price.price_list == sale_price_list)  # Adjust price list as needed
 	).run(as_dict=True)
+
 	# Get available sizes
 	filters = {}
+
+	# Get dynamic categories from Ecommerce Category doctype
+	ecommerce_categories = frappe.get_all(
+		"Ecommerce Category",
+		filters={"enabled": 1},
+		fields=["name", "category_name", "display_name", "item_group"],
+		order_by="display_order asc, category_name asc",
+	)
+
 	if category:
+		# If a specific category is selected, show its subcategories
 		filters[category] = get_category_tree(category)["children"]
 	else:
-		filters["Men"] = get_category_tree("Men")["children"]
-		filters["Women"] = get_category_tree("Women")["children"]
-		filters["Kids"] = get_category_tree("Kids")["children"]
+		# Show all enabled categories with their item group trees
+		for ecom_cat in ecommerce_categories:
+			# Use the linked item_group if available, otherwise use category_name
+			item_group_name = ecom_cat.item_group or ecom_cat.category_name
+			if frappe.db.exists("Item Group", item_group_name):
+				try:
+					filters[ecom_cat.display_name] = get_category_tree(item_group_name)["children"]
+				except Exception:
+					# If category tree fails, just skip this category
+					pass
 
 	filters["brands"] = get_filter_brands(selected_filters)
 	filters["sizes"] = get_filter_sizes(selected_filters)