cart: enhance cart items styles

src/pages/cart/cart.module.css

@@ -19,8 +19,6 @@
   justify-content: space-between;
 }
 
-
-
 .cartContent {
   width: 100%;
 }
@@ -96,9 +94,7 @@
 }
 
 .desktopSectionHeader {
-  margin-bottom: 32px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid var(--border);
 }
 
 .desktopEmptyCart {
@@ -130,7 +126,7 @@
 }
 
 .desktopCartItem {
-  border: 1px solid rgba(0, 0, 0, 0.08);
+  border:none;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   overflow: hidden;
 }
@@ -343,7 +339,7 @@
   box-shadow: 0 0 0 0 !important;
 }
 
-[data-theme="dark"] .menuItemImage{
+[data-theme="dark"] .menuItemImage {
   border-color: rgba(255, 255, 255, 0.1);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 }
@@ -352,8 +348,6 @@
   color: rgba(255, 255, 255, 0.75) !important;
 }
 
-
-
 /* Keyframe animations */
 @keyframes fadeInUp {
   from {
@@ -507,16 +501,11 @@
 /* Large screens (min-width: 768px) */
 @media (min-width: 768px) {
   .cartContainer:focus,
-  .menuItemImage:focus{
+  .menuItemImage:focus {
     outline-offset: 4px;
   }
-
 }
 
-
-
-
-
 /* Extra large desktop screens (min-width: 1440px) */
 @media (min-width: 1440px) {
   .desktopCartContainer {
@@ -627,4 +616,4 @@
 .desktopCheckoutButton:focus {
   outline: 2px solid #ffffff;
   outline-offset: 2px;
-}
+}