/* Product cards need a denser, predictable hierarchy on narrow screens. */
@media (max-width:960px){
  .item,.item:not(.bought),.item.bought{height:auto!important;min-height:0!important;padding:18px!important}
  .item-head{align-items:flex-start!important;gap:12px!important}
  .title-fields{flex:1 1 auto!important;min-width:0!important}
  .actions{flex:0 0 auto!important;gap:7px!important}
  .purchase-button,.product-detail-button{min-height:34px!important;padding:0 10px!important}

  .product-thumb{width:110px!important;height:110px!important;border-radius:14px!important}
  .has-product-image .candidate-summary__top,.has-product-image .candidate-summary__model,.has-product-image .candidate-summary__meta,.has-product-image .purchase-summary__top,.has-product-image .purchase-summary__model,.has-product-image .purchase-summary__meta{margin-left:126px!important}
  .purchase-summary.has-product-image::before{left:126px!important}
  .item:not(.bought):has(.candidate-summary.has-product-image) .compare-title{padding-left:126px!important}

  .candidate-summary__top,.purchase-summary__top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 12px!important;align-items:start!important}
  .candidate-summary__name,.purchase-summary__name{min-width:0!important;overflow-wrap:anywhere!important;line-height:1.3!important}
  .candidate-summary__price,.purchase-summary__price{align-self:start!important;white-space:nowrap!important}
  .candidate-summary__model,.purchase-summary__model{overflow-wrap:anywhere!important}
  .candidate-summary__meta,.purchase-summary__meta{row-gap:4px!important}
}

@media (max-width:560px){
  .item,.item:not(.bought),.item.bought{padding:16px!important}
  .item-head{gap:8px!important}
  .item .title-fields .item-name{font-size:12px!important;line-height:1.35!important}
  .actions{gap:5px!important}
  .circle-action{width:34px!important;height:34px!important}
  .purchase-button,.product-detail-button{min-height:32px!important;padding:0 9px!important;font-size:11px!important}

  .product-thumb{width:92px!important;height:92px!important;border-radius:12px!important}
  .has-product-image .candidate-summary__top,.has-product-image .candidate-summary__model,.has-product-image .candidate-summary__meta,.has-product-image .purchase-summary__top,.has-product-image .purchase-summary__model,.has-product-image .purchase-summary__meta{margin-left:106px!important}
  .purchase-summary.has-product-image::before{left:106px!important}
  .item:not(.bought):has(.candidate-summary.has-product-image) .compare-title{padding-left:106px!important}
  .purchase-summary.has-product-image .product-thumb{top:14px!important}
  .candidate-summary.has-product-image .product-thumb{top:-30px!important}

  .candidate-summary__top,.purchase-summary__top{grid-template-columns:minmax(0,1fr)!important;gap:3px!important}
  .candidate-summary__name,.purchase-summary__name{font-size:20px!important;line-height:1.25!important}
  .candidate-summary__price,.purchase-summary__price{justify-self:end!important;font-size:20px!important}
  .candidate-summary__model,.purchase-summary__model{font-size:12px!important;line-height:1.45!important}
  .candidate-summary__meta,.purchase-summary__meta{font-size:11px!important;line-height:1.45!important;gap:3px 8px!important}

  .item.editing .purchased-fields,.item.editing .category-editor{grid-template-columns:1fr!important}
  .item.editing .edit-actions{width:100%!important;justify-content:stretch!important}
  .item.editing .edit-actions button{flex:1 1 calc(50% - 4px)!important}

  /* Pending card: label above image, title/price beside it, details below it. */
  .item .title-fields{flex-direction:row!important;align-items:center!important;gap:8px!important}
  .item .title-fields .item-name{width:auto!important;min-width:0!important}
  .item:not(.bought):has(.candidate-summary.has-product-image) .compare-title{padding-left:106px!important;transform:translateY(-20px)!important;color:var(--orange)!important}
  .candidate-summary.has-product-image .candidate-summary__top{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:92px!important;transform:translateY(-30px)!important;margin-bottom:-30px!important}
  .candidate-summary.has-product-image .candidate-summary__name{margin:0!important}
  .candidate-summary.has-product-image .candidate-summary__price{margin-top:auto!important;align-self:flex-start!important;justify-self:auto!important}
  .candidate-summary.has-product-image .candidate-summary__model,.candidate-summary.has-product-image .candidate-summary__meta{margin-left:106px!important}
  .candidate-summary.has-product-image .candidate-summary__model{margin-top:10px!important}

  /* Purchased cards mirror the pending-card reading order while keeping green semantics. */
  .purchase-summary.has-product-image::before{color:var(--orange)!important;transform:translateY(-25px)!important}
  .candidate-summary.has-product-image .candidate-summary__top,.purchase-summary.has-product-image .purchase-summary__top{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:92px!important;transform:translateY(-30px)!important;margin-bottom:-30px!important}
  .candidate-summary.has-product-image .candidate-summary__name,.purchase-summary.has-product-image .purchase-summary__name{margin:0!important;line-height:1.25!important}
  .candidate-summary.has-product-image .candidate-summary__price,.purchase-summary.has-product-image .purchase-summary__price{margin-top:auto!important;align-self:flex-start!important;justify-self:auto!important;line-height:1.3!important}
  .candidate-summary.has-product-image .candidate-summary__model,.purchase-summary.has-product-image .purchase-summary__model{margin-top:10px!important;line-height:1.45!important}
  .candidate-summary.has-product-image .candidate-summary__meta,.purchase-summary.has-product-image .purchase-summary__meta{margin-top:0!important;line-height:1.45!important;row-gap:3px!important}
}