From d869390ce009d02f45853a4b27bba530bccf1ce4 Mon Sep 17 00:00:00 2001 From: Ashley Anness Date: Wed, 18 Feb 2026 14:55:06 -0500 Subject: [PATCH 1/9] Remove 'top' property from fixed position style Removed the 'top' property from the fixed position style. --- blocks/pdp/pdp.css | 1 - 1 file changed, 1 deletion(-) diff --git a/blocks/pdp/pdp.css b/blocks/pdp/pdp.css index fe95892b..868a6380 100644 --- a/blocks/pdp/pdp.css +++ b/blocks/pdp/pdp.css @@ -140,7 +140,6 @@ bottom: 0; left: 0; right: 0; - top: auto; border-top: 1px solid var(--color-gray-400); border-bottom: none; padding: var(--spacing-80) var(--horizontal-spacing); From 9364d9e1262f92ca9fe7bd83949ada498d99e18a Mon Sep 17 00:00:00 2001 From: Ashley Anness Date: Wed, 18 Feb 2026 15:06:10 -0500 Subject: [PATCH 2/9] Update box-shadow color in pdp.css --- blocks/pdp/pdp.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blocks/pdp/pdp.css b/blocks/pdp/pdp.css index 868a6380..b93f3dcd 100644 --- a/blocks/pdp/pdp.css +++ b/blocks/pdp/pdp.css @@ -145,7 +145,7 @@ padding: var(--spacing-80) var(--horizontal-spacing); background-color: var(--color-gray-100); z-index: 8; - box-shadow: 0 -2px 8px rgba(0, 0, 0, 10%); + box-shadow: 0 -2px 8px var(--color-gray-100); } @media (width >= 900px) { From ac38b0d5da009a99510a53f116631d51cdec8ab8 Mon Sep 17 00:00:00 2001 From: Ashley Anness Date: Wed, 18 Feb 2026 15:06:53 -0500 Subject: [PATCH 3/9] Change header box-shadow color to gray-100 --- blocks/header/header.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blocks/header/header.css b/blocks/header/header.css index 54b4e48a..0e4fd9fd 100644 --- a/blocks/header/header.css +++ b/blocks/header/header.css @@ -63,7 +63,7 @@ header section { padding: 0 var(--spacing-200); transition: height 0.6s ease-in; border-bottom: 1px solid var(--color-gray-400); - box-shadow: 0 -2px 8px rgba(0, 0, 0, 10%); + box-shadow: 0 -2px 8px var(--color-gray-100); } header section[data-expanded='true'] { From 82d96297881a502aa0f215b5cd49ae203e43e239 Mon Sep 17 00:00:00 2001 From: Ashley Anness Date: Wed, 18 Feb 2026 15:09:57 -0500 Subject: [PATCH 4/9] Change box-shadow color in header CSS --- blocks/header/header.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blocks/header/header.css b/blocks/header/header.css index 0e4fd9fd..8cb365af 100644 --- a/blocks/header/header.css +++ b/blocks/header/header.css @@ -63,7 +63,7 @@ header section { padding: 0 var(--spacing-200); transition: height 0.6s ease-in; border-bottom: 1px solid var(--color-gray-400); - box-shadow: 0 -2px 8px var(--color-gray-100); + box-shadow: 0 -2px 8px var(--color-gray-400); } header section[data-expanded='true'] { From 4c18116742639678abdf99718b1ff76d92ec6fd2 Mon Sep 17 00:00:00 2001 From: Ashley Anness Date: Wed, 18 Feb 2026 15:15:57 -0500 Subject: [PATCH 5/9] Update box-shadow to use rgba for transparency --- blocks/header/header.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blocks/header/header.css b/blocks/header/header.css index 8cb365af..c5786cb4 100644 --- a/blocks/header/header.css +++ b/blocks/header/header.css @@ -63,7 +63,7 @@ header section { padding: 0 var(--spacing-200); transition: height 0.6s ease-in; border-bottom: 1px solid var(--color-gray-400); - box-shadow: 0 -2px 8px var(--color-gray-400); + box-shadow: 0 -2px 8px rgb(var(--color-gray-400) / 0.4); } header section[data-expanded='true'] { From d9bf56c754cea3175e9ff7494084701117b2ba2c Mon Sep 17 00:00:00 2001 From: Ashley Anness Date: Wed, 18 Feb 2026 15:18:53 -0500 Subject: [PATCH 6/9] Update box-shadow to use color-mix function --- blocks/header/header.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blocks/header/header.css b/blocks/header/header.css index c5786cb4..2b57d1b7 100644 --- a/blocks/header/header.css +++ b/blocks/header/header.css @@ -63,7 +63,7 @@ header section { padding: 0 var(--spacing-200); transition: height 0.6s ease-in; border-bottom: 1px solid var(--color-gray-400); - box-shadow: 0 -2px 8px rgb(var(--color-gray-400) / 0.4); + box-shadow: 0 -2px 8px color-mix(in srgb, var(--color-gray-400) 40%, transparent); } header section[data-expanded='true'] { From 1b8ccc407b4cf7b3732a3d8292db020061c30652 Mon Sep 17 00:00:00 2001 From: Ashley Anness Date: Wed, 18 Feb 2026 15:29:06 -0500 Subject: [PATCH 7/9] Change header box-shadow color to gray-900 --- blocks/header/header.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blocks/header/header.css b/blocks/header/header.css index 2b57d1b7..68f3e0f4 100644 --- a/blocks/header/header.css +++ b/blocks/header/header.css @@ -63,7 +63,7 @@ header section { padding: 0 var(--spacing-200); transition: height 0.6s ease-in; border-bottom: 1px solid var(--color-gray-400); - box-shadow: 0 -2px 8px color-mix(in srgb, var(--color-gray-400) 40%, transparent); + box-shadow: 0 -2px 8px color-mix(in srgb, var(--color-gray-900) 40%, transparent); } header section[data-expanded='true'] { From c84230e84291fbccce6bdb4d5a12357e52f84f6b Mon Sep 17 00:00:00 2001 From: Ashley Anness Date: Wed, 18 Feb 2026 15:29:37 -0500 Subject: [PATCH 8/9] Update box-shadow property with color-mix function --- blocks/pdp/pdp.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blocks/pdp/pdp.css b/blocks/pdp/pdp.css index b93f3dcd..c005d768 100644 --- a/blocks/pdp/pdp.css +++ b/blocks/pdp/pdp.css @@ -145,7 +145,7 @@ padding: var(--spacing-80) var(--horizontal-spacing); background-color: var(--color-gray-100); z-index: 8; - box-shadow: 0 -2px 8px var(--color-gray-100); + box-shadow: 0 -2px 8px color-mix(in srgb, var(--color-gray-900) 40%, transparent); } @media (width >= 900px) { From a100b0d7b3fb5185c411632a1bceb2aac896ce1c Mon Sep 17 00:00:00 2001 From: Ashley Anness Date: Wed, 18 Feb 2026 15:35:33 -0500 Subject: [PATCH 9/9] Adjust box-shadow opacity in pdp.css --- blocks/pdp/pdp.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blocks/pdp/pdp.css b/blocks/pdp/pdp.css index c005d768..59cedd12 100644 --- a/blocks/pdp/pdp.css +++ b/blocks/pdp/pdp.css @@ -145,7 +145,7 @@ padding: var(--spacing-80) var(--horizontal-spacing); background-color: var(--color-gray-100); z-index: 8; - box-shadow: 0 -2px 8px color-mix(in srgb, var(--color-gray-900) 40%, transparent); + box-shadow: 0 -2px 8px color-mix(in srgb, var(--color-gray-900) 10%, transparent); } @media (width >= 900px) {