/* Selector de producto del catalogo (PanelesaCart.pickProduct / swapItem).
   Vivia dentro del <style> de carrito.html, asi que la lupa solo existia alli.
   Sacado a un fichero compartido para que las herramientas de diseno usen EL
   MISMO selector en vez de una copia. Los nombres se quedan con el prefijo
   cart- porque cart.js los escribe. */
.cart-swap-ov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px}
.cart-swap{background:#fff;border-radius:10px;max-width:520px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.cart-swap-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid #e2e6ec;font-size:.92rem;color:var(--color-gray-700,#444)}
.cart-swap-head b{color:var(--color-primary)}
.cart-swap-x{background:none;border:none;font-size:1.05rem;cursor:pointer;color:var(--color-gray-600)}
.cart-swap-filters{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;border-bottom:1px solid #e2e6ec;background:#fafbfc}
.cart-swap-filters input[type=search]{flex:1 1 100%;min-width:0;padding:7px 10px;border:1px solid #d5dae1;border-radius:6px;font-family:inherit;font-size:.85rem}
.cart-swap-filters select{flex:1 1 calc(50% - 4px);min-width:0;padding:7px 8px;border:1px solid #d5dae1;border-radius:6px;font-family:inherit;font-size:.82rem;background:#fff;color:var(--color-gray-700,#444)}
.cart-swap-filters input[type=search]:focus,.cart-swap-filters select:focus{border-color:var(--color-accent);outline:none}
.cart-swap-none{padding:26px 16px;text-align:center;color:var(--color-gray-600);font-size:.88rem}
.cart-swap-list{overflow-y:auto;padding:8px}
.cart-swap-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:8px;padding:8px 10px;cursor:pointer;font-family:inherit}
.cart-swap-opt:hover{background:#f0f3f7;border-color:#dfe4ea}
.cart-swap-opt.is-current{opacity:.5;cursor:default}
.cart-swap-thumb{width:58px;height:44px;object-fit:contain;flex:0 0 auto;background:#fafbfc;border-radius:4px}
.cart-swap-meta{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.cart-swap-name{font-weight:700;color:var(--color-dark);font-size:.9rem;line-height:1.2}
.cart-swap-sub{font-size:.78rem;color:var(--color-gray-600);margin-top:2px}
.cart-swap-price{font-size:.82rem;font-weight:700;color:var(--color-primary);margin-top:2px}
.cart-swap-go{font-size:.8rem;font-weight:700;color:var(--color-accent);flex:0 0 auto}
.cart-swap-tag{font-size:.72rem;font-weight:700;color:var(--color-gray-600);background:var(--color-off-white);padding:2px 8px;border-radius:10px;flex:0 0 auto;white-space:nowrap}