.basket .head { border-bottom: 1px solid #DDD; } .basket .head p { font-weight: bold; margin: 0; padding: 0; font-size: 1.4em; text-align: right; } .basket .form > p { margin: 0; font-size: 1.4em; color: white; text-align: right; } /* Lines */ .basket .line { display: flex; gap: 12px; margin: 24px 0; height: 65px; } .basket .line:last-child { margin-bottom: 0; } .basket .line > .delete { align-self: center; margin: 0 -8px; } .basket .line > .photo { flex: none; border-radius: 50%; width: 65px; gap: 0; } .basket .line > .info { flex: 1; overflow: hidden; } .basket .line > .info > * { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .basket .line > .info > h2 { font-size: 1em; font-weight: normal; padding: 0; padding-bottom: .1em; } .basket .line > .info > p { margin: 0; } .basket .line > .info > .tags { color: #777; } .basket .line .subtotal { float: right; } /* Fields */ .basket td.available-exceeded input { background-color: #FCC; } .basket .icon > img { border-radius: 50%; }