diff --git a/assets/css/app.css b/assets/css/app.css
index 1d21ec7..b0cffbf 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -115,3 +115,23 @@
@import "./theme-semantic.css";
/* This file is for your main application CSS */
+
+/* Cart drawer open state styles */
+.cart-drawer.open {
+ right: 0 !important;
+}
+
+.cart-drawer-overlay.open {
+ opacity: 1 !important;
+ visibility: visible !important;
+}
+
+/* Product gallery thumbnail styles */
+.pdp-thumbnail {
+ border: 2px solid var(--t-border-default);
+ transition: border-color 0.15s ease;
+}
+
+.pdp-thumbnail-active {
+ border-color: hsl(var(--t-accent-h) var(--t-accent-s) var(--t-accent-l));
+}
diff --git a/docs/plans/image-optimization.md b/docs/plans/image-optimization.md
index 1f034c7..f53cee4 100644
--- a/docs/plans/image-optimization.md
+++ b/docs/plans/image-optimization.md
@@ -7,21 +7,21 @@
## Progress Tracker
-**Current Phase:** Not started
+**Current Phase:** Complete
**Last Updated:** 2026-01-21
| Phase | Status | Commit |
|-------|--------|--------|
-| 1. Oban dependency + config | ⬜ Pending | - |
-| 2. Migration + Schema | ⬜ Pending | - |
-| 3. Optimizer module | ⬜ Pending | - |
-| 4. Oban worker | ⬜ Pending | - |
-| 5. Media module integration | ⬜ Pending | - |
-| 6. VariantCache GenServer | ⬜ Pending | - |
-| 7. Responsive image component | ⬜ Pending | - |
-| 8. ImageController disk serving | ⬜ Pending | - |
-| 9. Mix task for mockups | ⬜ Pending | - |
-| 10. Final integration + Lighthouse | ⬜ Pending | - |
+| 1. Oban dependency + config | ✅ Complete | dbadd2a |
+| 2. Migration + Schema | ✅ Complete | cefec1a |
+| 3. Optimizer module | ✅ Complete | 2b5b749 |
+| 4. Oban worker | ✅ Complete | 2b5b749 |
+| 5. Media module integration | ✅ Complete | (pending commit) |
+| 6. VariantCache GenServer | ✅ Complete | (pending commit) |
+| 7. Responsive image component | ✅ Complete | (pending commit) |
+| 8. ImageController disk serving | ✅ Complete | (pending commit) |
+| 9. Mix task for mockups | ✅ Complete | (pending commit) |
+| 10. Final integration + Lighthouse | ✅ Complete | (pending commit) |
**Legend:** ⬜ Pending | 🔄 In Progress | ✅ Complete | ❌ Blocked
diff --git a/lib/simpleshop_theme_web/components/layouts/root.html.heex b/lib/simpleshop_theme_web/components/layouts/root.html.heex
index 8903e70..b87b33e 100644
--- a/lib/simpleshop_theme_web/components/layouts/root.html.heex
+++ b/lib/simpleshop_theme_web/components/layouts/root.html.heex
@@ -8,7 +8,7 @@
{assigns[:page_title]}
-