/* canasta básica page */
.canasta-ranking{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}
.crow{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:12px}
.crow .cn{font-weight:700;font-size:14px;display:flex;align-items:center;gap:7px}
.crow .cn .tag{width:10px;height:10px;border-radius:3px;flex:none}
.crow .cbar{height:14px;background:#f3f3ee;border-radius:7px;overflow:hidden}
.crow .cfill{display:block;height:100%;border-radius:7px;transition:width .5s}
.crow .ct{font-weight:800;font-variant-numeric:tabular-nums;font-size:15px;min-width:72px;text-align:right}
.crow.best .ct{color:var(--green)}
.opt-split{background:#fafaf7;border:1px dashed var(--line);border-radius:12px;padding:14px 16px;margin-top:14px;font-size:14px;text-align:center}
.staple-row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:8px}
.staple-row .se{font-size:26px;flex:none}
.staple-row .sb{flex:1;min-width:0}
.staple-row .snm{font-weight:800;font-size:14px}
.staple-row .snm .sq{font-weight:600;color:var(--grey);font-size:12px}
.staple-row .sp{font-size:12px;color:var(--grey);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px}
.staple-row .sw{text-align:right;flex:none}
.staple-row .sw .store-tag{font-size:10px;color:#fff;padding:2px 7px;border-radius:5px;font-weight:700}
.staple-row .sw .sc{font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;margin-top:3px}
@media (max-width:600px){
  .crow{grid-template-columns:110px 1fr auto;gap:8px}
  .crow .cn{font-size:12px}
  .crow .ct{font-size:13px;min-width:60px}
  .staple-row .sp{max-width:150px}
}