.emptyCart{font-size:1.5rem;text-align:center;line-height:3em;& a{background-color:#ecf0f1;color:#000;font-weight:700;padding:.25em .5em;border-radius:1em}}.cartPage{margin:0 auto;display:flex;flex-direction:column;width:min(85vw,500px)}.cartBody{display:flex;flex-direction:column;gap:.9em;max-height:50vh;overflow-y:auto;margin:2em auto;box-shadow:0 48px 100px 0 rgba(17,12,46,.05);width:100%;&::-webkit-scrollbar{width:2px}&::-webkit-scrollbar-track{background:#f1f1f1}&::-webkit-scrollbar-thumb{background:#888}}.cartCard{display:flex;align-items:center;gap:.5em;box-shadow:0 8px 24px hsla(210,8%,62%,.2);white-space:nowrap;width:100%;padding:.5em;border-radius:.7em}.cartCardThumbnail{min-width:30%;max-width:30%;overflow:hidden;display:flex;justify-content:center;align-items:center;& img{border-radius:50%;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2)}}.cartCardDetails{display:flex;flex-direction:column;gap:.5em;min-width:70%;max-width:70%}.cartCardTitle{font-family:var(--font-oswald);font-weight:700;letter-spacing:1.2;font-size:1.2rem;text-wrap:wrap}.cartCardTitle:hover{filter:invert(1)}.cartCardUpdate{display:flex;justify-content:space-between;padding:0 .75em;font-size:1rem;gap:1em;align-items:center;& div{grid-column:span 1;text-align:center}& button{display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700;background-color:#0070f3;outline-color:transparent;border-radius:50%;width:1.5rem;height:1.5rem;border:.25px solid #000;color:#fff;padding:.25em;transition:opacity .3s ease-in-out;cursor:pointer}& button:hover{opacity:.75;filter:invert(1)}}.cartCardLowerDetails{display:flex;gap:1em;align-items:center;padding:0 .75em}.delCartItem{all:unset;margin-left:auto}.cartTotal{display:flex;justify-content:space-between;font-weight:700;font-size:1.5rem;margin:2em 0}