/* comparador cr · lista (cart) page styles — redesigned for clarity */
.wrap-narrow{max-width:820px;margin:0 auto}
.lista-h2{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:28px 0 6px}
.lista-h2-count{font-weight:600;color:var(--grey);font-size:14px}
.lista-sub{font-size:13px;color:var(--grey);margin:0 0 14px;line-height:1.4}

/* ===== STORE RANKING (the new primary view) ===== */
.ranking-section{max-width:1200px;margin:18px auto 0;padding:0 18px}
.ranking{display:flex;flex-direction:column;gap:10px}
.rank-row{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.rank-row.winner{border-color:var(--green);box-shadow:0 4px 14px rgba(46,125,50,.08)}
.rank-row.partial .rank-main{opacity:.6}
.rank-main{display:grid;grid-template-columns:34px 14px 1fr auto auto 30px;align-items:center;gap:10px;padding:14px 16px;cursor:default}
.rank-pos{font-weight:800;font-size:15px;color:var(--ink);text-align:center}
.rank-tag{width:11px;height:11px;border-radius:3px;display:inline-block}
.rank-name{font-weight:700;font-size:16px}
.rank-cov{font-size:12px;color:var(--grey);font-weight:600;padding:2px 8px;background:#f3f3ee;border-radius:999px}
.rank-row.winner .rank-cov{background:#e7f3e9;color:var(--green)}
.rank-total{font-weight:800;font-size:19px;font-variant-numeric:tabular-nums;text-align:right}
.rank-toggle{background:transparent;border:1px solid var(--line);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:13px;color:var(--grey);transition:all .12s}
.rank-toggle:hover{border-color:var(--ink);color:var(--ink)}
.rank-meta{display:none;padding:0 16px 8px 64px;font-size:12px}
.rank-best{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.rank-delta{color:var(--grey);font-weight:600}
.rank-missing{color:#b07000;font-weight:600;background:#fff8e6;padding:2px 8px;border-radius:999px}
.rank-row .rank-meta{display:block}

/* expanded detail (what you'd buy in that store) */
.rank-detail{padding:0 16px 16px;border-top:1px solid var(--line);background:#fafaf7}
.det-list{padding-top:10px;display:flex;flex-direction:column;gap:4px}
.det-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px dashed var(--line)}
.det-row:last-child{border-bottom:none}
.det-row.miss{color:var(--grey);font-style:italic}
.det-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.det-name a{color:var(--ink);text-decoration:none}
.det-name a:hover{text-decoration:underline}
.det-qty{color:var(--grey);font-weight:600;min-width:36px;text-align:right}
.det-price{font-weight:800;font-variant-numeric:tabular-nums;min-width:80px;text-align:right}

/* demoted multi-store split note */
.split-note{margin:14px 0 0;background:#fafaf7;border:1px dashed var(--line);border-radius:10px;padding:0;font-size:13px}
.split-note summary{padding:10px 14px;cursor:pointer;color:var(--ink);font-weight:600;list-style:none}
.split-note summary::-webkit-details-marker{display:none}
.split-note[open] summary{border-bottom:1px solid var(--line)}
.split-body{padding:10px 14px;color:var(--grey);line-height:1.5}
.split-body b{color:var(--ink);font-variant-numeric:tabular-nums}

/* ===== ITEMS LIST (simpler, no per-item swap noise) ===== */
.lista-items{max-width:1200px;margin:0 auto;padding:0 18px}
.item-row{display:grid;grid-template-columns:54px 1fr auto auto 30px;gap:12px;align-items:center;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:6px}
.item-ph{width:54px;height:54px;background:#f3f3ee;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.item-ph img{max-width:48px;max-height:48px;object-fit:contain}
.item-ph .placeholder{font-size:24px}
.item-body{min-width:0}
.item-tit{display:block;font-weight:600;font-size:13.5px;line-height:1.3;color:var(--ink);text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-tit:hover{text-decoration:underline}
.item-meta{font-size:11px;color:var(--grey);margin-top:3px}
.item-qty{display:flex;align-items:center;background:#f3f3ee;border-radius:999px;padding:2px}
.item-qty button{background:transparent;border:none;width:24px;height:24px;font-size:15px;font-weight:700;cursor:pointer;border-radius:50%;color:var(--ink)}
.item-qty button:hover{background:var(--ink);color:#fff}
.item-qty span{min-width:22px;text-align:center;font-weight:700;font-size:13px;padding:0 2px}
.item-price{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums;min-width:70px;text-align:right}
.item-x{background:transparent;border:none;color:var(--grey);font-size:14px;cursor:pointer;width:30px;height:30px;border-radius:50%}
.item-x:hover{background:#fbe9e9;color:var(--red)}

.lista-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding:14px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.clear-btn{background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--grey);cursor:pointer}
.clear-btn:hover{border-color:var(--red);color:var(--red)}
.share-btn{background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer}
.share-btn:hover{border-color:var(--green);color:var(--green)}
.more-btn{background:var(--ink);color:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;margin-left:auto}
.more-btn:hover{background:#222}

/* ===== mobile ===== */
@media (max-width:600px){
  .ranking-section,.lista-items{padding:0 14px}
  .lista-h2{font-size:16px;margin:20px 0 4px}
  .rank-main{grid-template-columns:26px 10px 1fr auto 28px;gap:8px;padding:12px 12px}
  .rank-cov{display:none}
  .rank-name{font-size:14px}
  .rank-total{font-size:16px}
  .rank-detail{padding:0 12px 12px}
  .det-row{font-size:12px}
  .item-row{grid-template-columns:46px 1fr 30px;gap:8px;padding:9px 10px;row-gap:6px}
  .item-ph{width:46px;height:46px}
  .item-ph img{max-width:40px;max-height:40px}
  .item-body{grid-column:2/3}
  .item-x{grid-column:3/4;grid-row:1/2}
  .item-qty{grid-column:2/3;grid-row:2/3;justify-self:start}
  .item-price{grid-column:3/4;grid-row:2/3;font-size:14px;min-width:0}
  .lista-actions{flex-direction:column;align-items:stretch}
  .lista-actions button,.lista-actions a{text-align:center;margin:0}
}