/* Chaque lot garde sa photo, ses choix et ses actions au même endroit. */
#basket-items { display: grid; gap: 12px; border-top: 0; }
#basket-items .basket-item {
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  border: 1px solid #dce3d2;
  border-radius: 12px;
  background: #fffefa;
}
#basket-items .basket-item.editing { border-color: #8aa37b; background: #f2f6e9; }
#basket-items .basket-item-image { grid-column: 1; grid-row: 1; width: 72px; height: 80px; padding: 4px; background: #f6f4ed; }
#basket-items .basket-item-content { grid-column: 2; min-width: 0; }
#basket-items .basket-item-name { margin-bottom: 9px; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
#basket-items .basket-item-details { font-size: 12px; line-height: 1.65; }
#basket-items .basket-item-quantity { display: table; margin-bottom: 5px; padding: 3px 7px; border-radius: 5px; background: #edf1e5; color: #244c3d; font-size: 11px; font-weight: 600; }
#basket-items .basket-item-option { display: block; }
#basket-items .basket-item-note { margin-top: 9px; padding-top: 8px; border-top: 1px dashed #dce3d2; }
#basket-items .basket-item-image.mug-preview { align-self: start; height: auto; min-height: 80px; padding: 4px; border: 1px solid #e5decf; }
#basket-items .basket-item-image.mug-preview img { height: 64px; }
#basket-items .basket-item-image.mug-preview figcaption { display: none; }
#basket-items .basket-item-models { width: min(100%, 240px); margin: 10px 0 0; padding: 8px; gap: 8px; background: #faf6ed; }
#basket-items .basket-item-models img { width: 52px; max-width: 100%; height: 48px; }
#basket-items .basket-item-models figcaption { font-size: 10px; line-height: 1.5; }
#basket-items .basket-item-actions { flex-wrap: wrap; gap: 7px; margin-top: 10px; }
#basket-items .basket-item-actions .text-button { min-height: 44px; padding: 8px 10px; border: 1px solid #cbd6bf; border-radius: 7px; background: #f4f7ee; font-size: 12px; line-height: 1.4; text-decoration: none; }
#basket-items .basket-item-actions .remove { border-color: #e5d4cc; background: #fffefa; }
#basket-items .basket-item-actions .text-button:hover { border-color: currentColor; }
#basket-items .basket-item-actions .text-button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
#basket-items .basket-item-price { grid-column: 1 / -1; grid-row: 2; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin: 0; padding-top: 10px; border-top: 1px solid #e4e8dc; text-align: left; }
#basket-items .basket-item-price strong { font-size: 19px; }
#basket-items .basket-item-price > span { font-size: 11px; }
@media (max-width: 419px) {
  #basket-items .basket-item { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 12px; }
  #basket-items .basket-item-image { width: 64px; height: 76px; }
  #basket-items .basket-item-actions .text-button { padding-inline: 8px; }
}
@media print {
  #basket-items { gap: 10px; }
  #basket-items .basket-item { grid-template-columns: 72px minmax(0, 1fr) auto; padding: 12px; border-color: #ccc; background: #fff; }
  #basket-items .basket-item-price { grid-column: 3; grid-row: 1; align-self: start; flex-direction: column; align-items: flex-end; padding: 0; border: 0; text-align: right; }
  #basket-items .basket-item-quantity { background: #f1f3ed; }
}