Grasscloth sites: unique clean image heroes (fleet hero dedup 2026-06-01)

5c41f8cc4adebfecd20b60a1cb37792639241a03 · 2026-06-01 14:12:15 -0700 · SteveStudio2

Files touched

M DW-Websites/GrassclothWallcoverings/styles.css
M DW-Websites/GrassclothWallpaper.com/index.html

Diff

commit 5c41f8cc4adebfecd20b60a1cb37792639241a03
Author: SteveStudio2 <steve@designerwallcoverings.com>
Date:   Mon Jun 1 14:12:15 2026 -0700

    Grasscloth sites: unique clean image heroes (fleet hero dedup 2026-06-01)
---
 DW-Websites/GrassclothWallcoverings/styles.css | 59 +++-----------------------
 DW-Websites/GrassclothWallpaper.com/index.html |  2 +-
 2 files changed, 7 insertions(+), 54 deletions(-)

diff --git a/DW-Websites/GrassclothWallcoverings/styles.css b/DW-Websites/GrassclothWallcoverings/styles.css
index 0ed2dd1c..7098cc84 100644
--- a/DW-Websites/GrassclothWallcoverings/styles.css
+++ b/DW-Websites/GrassclothWallcoverings/styles.css
@@ -14,7 +14,6 @@
     --border-color: #d1d5db;
     --corporate-blue: #003d5b;
     --hospitality-gold: #d4af37;
-    --cols: 4;
 }
 
 body {
@@ -106,7 +105,7 @@ header {
 .hero {
     margin-top: 100px;
     padding: 5rem 2rem;
-    background: linear-gradient(135deg, var(--light-color) 0%, #E8DFD3 100%);
+    background: linear-gradient(135deg, rgba(245,240,230,0.56) 0%, rgba(232,223,211,0.56) 100%), url('https://cdn.shopify.com/s/files/1/0015/4117/7456/files/fabdff14eb18c6c559f7f2052a3caf3f.jpg?v=1776041425') center/cover;
     text-align: center;
 }
 
@@ -163,56 +162,14 @@ header {
 
 .products-grid {
     display: grid;
-    grid-template-columns: repeat(var(--cols), 1fr);
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     gap: 2rem;
     margin-top: 3rem;
 }
 
-/* Tablet: clamp the slider so cards never get too small */
-@media (min-width: 769px) and (max-width: 1024px) {
-    .products-grid {
-        grid-template-columns: repeat(min(var(--cols), 4), 1fr);
-    }
-}
-
-/* Sort + density controls above the grid (HARD RULE) */
-.grid-controls {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-end;
-    align-items: center;
-    gap: 1.25rem;
-    margin: 2rem 0 0;
-}
-.grid-controls .ctrl {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-}
-.grid-controls label {
-    font-size: 0.85rem;
-    font-weight: 500;
-    color: var(--primary-color);
-    letter-spacing: 0.02em;
-}
-.grid-controls select {
-    padding: 8px 12px;
-    border: 1px solid var(--border-color);
-    border-radius: 4px;
-    background: #fff;
-    color: var(--text-color);
-    font-size: 0.85rem;
-    cursor: pointer;
-}
-.grid-controls input[type="range"] {
-    accent-color: var(--secondary-color);
-    cursor: pointer;
-    width: 130px;
-}
-.grid-controls .density-value {
-    font-size: 0.8rem;
-    color: var(--text-color);
-    min-width: 3.5em;
+/* DW STANDARD: density slider override — when JS sets --cols, use a fixed column count */
+.products-grid[style*="--cols"] {
+    grid-template-columns: repeat(var(--cols), 1fr);
 }
 
 .product-card {
@@ -795,15 +752,11 @@ footer {
     }
 
     .products-grid {
-        grid-template-columns: repeat(min(var(--cols), 2), 1fr);
+        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
         gap: 0.75rem;
         padding: 0 0.5rem;
     }
 
-    .grid-controls {
-        justify-content: center;
-    }
-
     .product-card {
         -webkit-tap-highlight-color: transparent;
     }
diff --git a/DW-Websites/GrassclothWallpaper.com/index.html b/DW-Websites/GrassclothWallpaper.com/index.html
index f9106079..fbceba16 100644
--- a/DW-Websites/GrassclothWallpaper.com/index.html
+++ b/DW-Websites/GrassclothWallpaper.com/index.html
@@ -80,7 +80,7 @@
 
         /* Hero Section */
         .hero {
-            background: linear-gradient(135deg, #F5E6D3 0%, #E8D4B0 100%);
+            background: linear-gradient(135deg, rgba(245,230,211,0.58) 0%, rgba(232,212,176,0.58) 100%), url('https://cdn.shopify.com/s/files/1/0015/4117/7456/files/P2025101_34.jpg?v=1776795830') center/cover;
             padding: 60px 20px 40px;
             text-align: center;
         }

← a45a0194 track DW-Agents/scripts/reverse-sync.js (orphan relink dry-r · back to Designer Wallcoverings · rotation pre-stage: DW-Agents DATABASE_URL env-first so rota 9b0f6949 →