From 0adc57c8745dfd8548fb2120c662636b53b40625 Mon Sep 17 00:00:00 2001
From: "russell@unturf.com" <russell@unturf.com>
Date: Sun, 8 Feb 2026 06:26:03 -0500
Subject: [PATCH] Add max-height 480px to all product-main selectors

The base .product-main rule was being overridden by more specific
selectors that set height: auto. Add max-height to each specific
rule so the constraint is respected. Also add production URL to
CLAUDE.md.
---
 CLAUDE.md                            | 5 +++++
 make_post_sell/static/css/common.css | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/CLAUDE.md b/CLAUDE.md
index e34e919..1582ac9 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -1,5 +1,10 @@
 # Claude Development Notes
 
+## Production URL
+
+- Application: `https://my.makepostsell.com`
+- Version check: `https://my.makepostsell.com/version`
+
 ## Project Setup
 
 This project uses a Makefile for most development operations. Use `make` commands instead of running tools directly.
diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css
index fc25797..426eaff 100644
--- a/make_post_sell/static/css/common.css
+++ b/make_post_sell/static/css/common.css
@@ -418,6 +418,7 @@ img.product-thumbnail {
 .product-images img.product-main,
 div.product-images img.product-main {
     max-width: 100%;
+    max-height: 480px;
     width: auto;
     height: auto;
 }
@@ -433,6 +434,7 @@ div.product-images img.product-main {
 .video-thumbnail-container img.product-main {
     display: block;
     max-width: 100%;
+    max-height: 480px;
     height: auto;
 }
 
@@ -1385,6 +1387,7 @@ textarea.markup-editor-textarea {
     
     .product-images img.product-main {
         max-width: 100%;
+        max-height: 480px;
         width: auto;
         height: auto;
     }
@@ -2588,6 +2591,7 @@ textarea {
 
 .watch-video-container video.product-main {
     max-width: 100%;
+    max-height: 480px;
     width: 100%;
     height: auto;
 }