diff --git a/src/styles/global.css b/src/styles/global.css index 39b35e0..f93f914 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -862,16 +862,35 @@ a:focus-visible, button:focus-visible { /* Warenkorb */ .cart-layout { display: grid; grid-template-columns: 1fr 340px; gap: 2rem; align-items: start; } .cart-item { + position: relative; display: flex; align-items: center; gap: 1.1rem; padding: 1.1rem 0.4rem; - border-bottom: 1px solid rgba(244, 241, 247, 0.08); transition: background 0.2s var(--ease); border-radius: var(--radius-s); } .cart-item:hover { background: rgba(244, 241, 247, 0.02); } -.cart-item:last-child { border-bottom: none; } + +/* Trennung zwischen Warenkorb-Positionen als kleine "Naht" statt einer nüchternen grauen Linie + — zweifarbiger Verlaufs-Stich (Marken-Akzent + Lila), passt zum "Bastelbedarf"-Charme, bleibt + aber dezent und ruhig genug für den professionellen Rest der Seite. */ +.cart-item:not(:last-child)::after { + content: ""; + position: absolute; + left: 0.4rem; + right: 0.4rem; + bottom: 0; + height: 2px; + border-radius: 1px; + background: repeating-linear-gradient( + 90deg, + color-mix(in srgb, var(--c-accent) 75%, transparent) 0 9px, + color-mix(in srgb, var(--c-purple-glow) 75%, transparent) 9px 18px, + transparent 18px 26px + ); + opacity: 0.55; +} /* Checkbox "jetzt kaufen" — abgewählte Artikel bleiben sichtbar im Warenkorb liegen, zählen aber nicht mehr zur Summe/zum Checkout, bis sie wieder angehakt werden. */