.basket .head { border-bottom: 1px solid #DDD; } .basket .head p { font-weight: bold; margin: 0; padding: 0; font-size: 1.4rem; text-align: right; } .basket .form > p { margin: 0; font-size: 1.4rem; color: white; text-align: right; } /* Lines */ .basket .line { display: flex; align-items: center; gap: 12px; margin: 10px 0; height: 80px; } .basket .line:first-child { margin-top: 0; } .basket .line:last-child { margin-bottom: 0; } .basket .line > .delete { margin: 0 -8px; } .basket .line > .photo { flex: none; border-radius: 50%; width: 68px; height: 68px; 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: 1rem; font-weight: normal; margin: 0; } .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%; }