further tweak price-label prices/padding for small screens

src/assets/css/main.scss

@@ -371,7 +371,7 @@ $tiers: (
 }
 
 .price-label {
-  font-size: 0.7rem;
+  font-size: 0.69rem;
   font-weight: 600;
   color: rgba(0, 0, 0, 0.87);
   background-color: hsl(88, 50%, 60%);
@@ -379,13 +379,13 @@ $tiers: (
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
 
   @media (min-width: 768px) {
-    font-size: 0.8rem;
+    font-size: 0.79rem;
   }
   @media (min-width: 996px) {
-    font-size: 0.85rem;
+    font-size: 0.84rem;
   }
   @media (min-width: 1200px) {
-    font-size: 0.9rem;
+    font-size: 0.89rem;
   }
   @media (min-width: 1600px) {
     font-size: 1rem;

src/pages/partials/cards.astro

@@ -218,7 +218,7 @@ const facets = searchResults.results.slice(1).map((result: any) => {
         </div>
         <div class="row row-cols-5 gx-1 price-row mb-2">
             {conditionOrder.map((condition) => (
-                <div class="col price-label ps-1">
+                <div class="col price-label ps-0 ps-md-1">
                     { conditionShort(condition) }
                     <br />{formatPrice(condition, card.skus)}
                 </div>