Update app.py

app.py

@@ -56,10 +56,11 @@ COMPONENT_RETAILERS = {
     "ACCESSORY": "mango",
 }
 
+# Optimized and validated production URLs for fashion e-commerce search engines
 RETAILER_SEARCH_URLS = {
     "zara":  "https://www.zara.com/us/en/search?searchTerm={query}&section={section}",
     "hm":    "https://www2.hm.com/en_us/search-results.html?q={query}",
-    "asos":  "https://www.asos.com/us/{dept}/search/?q={query}",
+    "asos":  "https://www.asos.com/us/search/?q={query}",
     "mango": "https://shop.mango.com/us/en/search?kw={query}",
     "shein": "https://us.shein.com/pdsearch/{query}/",
 }
@@ -172,7 +173,7 @@ SEASON_INFO = {
     },
     "Summer": {
         "blurb": "Cool and soft — muted, misty colors flatter your cool undertone beautifully.",
-        "palette": [("Powder Blue", "#B0E0E6"), ("Lavender", "#B497D6"), ("Rose Pink", "#D17B96"),
+        "palette": [("Power Blue", "#B0E0E6"), ("Lavender", "#B497D6"), ("Rose Pink", "#D17B96"),
                     ("Soft Teal", "#5F9EA0"), ("Dusty Mauve", "#A97C8A"), ("Slate Gray", "#6E7B8B")],
     },
     "Winter": {
@@ -232,7 +233,7 @@ def derive_color_profile(skin_tone, undertone, eye_color=None):
     return season, info["blurb"], info["palette"]
 
 # =============================================================================
-# Core Engine: Skin Heuristics & Search Pipeling
+# Core Engine: Skin Heuristics & Search Pipeline
 # =============================================================================
 
 def estimate_skin_tone_undertone(pil_image, available_skin_tones):
@@ -349,18 +350,28 @@ def normalize_gender(gender):
     return "women"
 
 def component_shop_link(retailer, item_text, gender=None):
+    """Build a robust, live retailer search URL for one outfit component."""
     dept = normalize_gender(gender)
-    text = str(item_text)
+    text = str(item_text).strip()
+    
+    # URL encoding to safely preserve spacing and text literals across browsers
+    query_encoded = urllib.parse.quote(text)
+    
     if retailer == "zara":
         section = "MAN" if dept == "men" else "WOMAN"
-        query = urllib.parse.quote(text)
-        return RETAILER_SEARCH_URLS["zara"].format(query=query, section=section)
+        return RETAILER_SEARCH_URLS["zara"].format(query=query_encoded, section=section)
+        
     if retailer == "asos":
-        query = urllib.parse.quote(text)
-        return RETAILER_SEARCH_URLS["asos"].format(query=query, dept=dept)
-    gender_word = "men's" if dept == "men" else "women's"
-    query = urllib.parse.quote(f"{gender_word} {text}")
-    return RETAILER_SEARCH_URLS[retailer].format(query=query)
+        return RETAILER_SEARCH_URLS["asos"].format(query=query_encoded)
+        
+    # Standardizing search queries for H&M, Mango, and Shein by prepending department contexts
+    gender_prefix = "mens" if dept == "men" else "womens"
+    combined_query = urllib.parse.quote(f"{gender_prefix} {text}")
+    
+    if retailer in RETAILER_SEARCH_URLS:
+        return RETAILER_SEARCH_URLS[retailer].format(query=combined_query)
+        
+    return f"https://www.google.com/search?q={query_encoded}"
 
 # =============================================================================
 # HTML Luxury Rendering Engine