/* MJB · «Complete su pedido» 1.0.2 — colores de la identidad de octubre de 2026 (burdeos, oro, lino) */
.mjbc,.mjbc-tira,.mjbc-tramo,.mjbc-envio{--mjbc-vino:#5B1A2C;--mjbc-vino2:#3F1220;--mjbc-oro:#A9844B;--mjbc-tinta:#22161A;--mjbc-gris:#6b6b6b;--mjbc-linea:#e6e1df;--mjbc-fondo:#faf7f6;--mjbc-ok:#2f7a4f}
.mjbc{margin:18px 0 8px;border:1px solid var(--mjbc-linea);background:var(--mjbc-fondo);padding:18px}
.mjbc[hidden]{display:none}
.mjbc-h{margin:0;font-size:18px;font-weight:500;color:var(--mjbc-tinta);text-transform:none}
.mjbc-lead{margin:4px 0 14px;font-size:13px;color:var(--mjbc-gris)}
.mjbc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mjbc-card{background:#fff;border:1px solid var(--mjbc-linea);padding:12px;display:flex;flex-direction:column;gap:7px;min-width:0}
.mjbc-por{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mjbc-oro)}
.mjbc-img{display:block}
.mjbc-img img{width:100%;height:120px;object-fit:contain;background:#f6f6f6}
.mjbc-n{font-size:13px;font-weight:600;color:#232323;text-decoration:none;line-height:1.35}
.mjbc-n:hover{color:var(--mjbc-vino)}
.mjbc-ref,.mjbc-regla{font-size:11.5px;color:var(--mjbc-gris)}
.mjbc-why{font-size:12px;color:#414141}
.mjbc-color{font-size:12px;font-weight:600;color:var(--mjbc-tinta);display:flex;flex-direction:column;gap:4px;margin:0;text-align:left!important;align-items:stretch}
.mjbc-color select{font:inherit;font-weight:400;font-size:13px;padding:6px 8px;border:1px solid #cfc7c4;background:#fff;max-width:100%;height:auto}
.mjbc-tono{font-size:11px;color:var(--mjbc-gris);line-height:1.4}
.mjbc-chips{display:flex;gap:5px;flex-wrap:wrap}
.mjbc-chips button{font:inherit;font-size:12px;border:1px solid var(--mjbc-linea);background:#fff;padding:4px 7px;cursor:pointer;color:#414141;width:auto;margin:0;line-height:1.3}
.mjbc-chips button[aria-pressed="true"]{border-color:var(--mjbc-vino);color:var(--mjbc-vino);font-weight:600}
.mjbc-ok{font-size:12px;color:var(--mjbc-ok)}
.mjbc-ayuda{font-size:12px;color:#414141}
.mjbc-compra{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.mjbc-qty{display:flex;border:1px solid #cfc7c4}
.mjbc-qty button{width:30px;border:0;background:#fff;font-size:16px;cursor:pointer;color:var(--mjbc-vino);padding:0}
.mjbc-qty input{width:56px;border:0;border-left:1px solid #e3dcda;border-right:1px solid #e3dcda;text-align:center;font:inherit;font-size:14px;padding:6px 0}
.mjbc-precio{text-align:right;line-height:1.3}
.mjbc-precio strong{color:var(--mjbc-vino);font-size:14px}
.mjbc-precio small{display:block;font-size:11px;color:var(--mjbc-gris)}
.mjbc-precio-izq{text-align:left}
.mjbc-gratis{font-size:11px;font-weight:600;color:var(--mjbc-ok);background:#eaf5ee;padding:3px 7px;align-self:flex-start}
.mjbc-btn{margin-top:auto;display:block;text-align:center;font:inherit;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.2px;background:var(--mjbc-vino);color:#fff!important;border:0;padding:9px 12px;cursor:pointer;text-decoration:none!important}
.mjbc-btn:hover{background:var(--mjbc-vino2)}
.mjbc-btn[disabled]{opacity:.7;cursor:default}
.mjbc-err{font-size:12px;color:#b3261e}
.mjbc-err[hidden]{display:none}
/* Siguiente tramo, dentro de la línea del carrito */
.mjbc-tramo{clear:both;margin:10px 0 2px;background:var(--mjbc-fondo);border-left:3px solid var(--mjbc-oro);padding:8px 12px;font-size:13px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;color:#414141}
.mjbc-tramo button{font:inherit;font-size:12px;font-weight:600;border:1px solid var(--mjbc-vino);color:var(--mjbc-vino);background:#fff;padding:5px 10px;cursor:pointer;text-transform:uppercase;letter-spacing:.2px}
.mjbc-tramo button[disabled]{opacity:.6}
/* Envío gratis, en el resumen */
.mjbc-envio{margin:12px 0;font-size:13px;color:#414141}
.mjbc-barra{height:6px;background:#eee;margin-top:6px;overflow:hidden}
.mjbc-barra i{display:block;height:100%;background:var(--mjbc-oro);transition:width .4s}
.mjbc-envio-ok{color:var(--mjbc-ok);font-weight:600}
.mjbc-envio-ok .mjbc-barra i{background:var(--mjbc-ok)}
/* Ventana «producto añadido» */
.mjbc-tira{border-top:1px solid var(--mjbc-linea);background:var(--mjbc-fondo);padding:14px 18px;text-align:left}
.mjbc-tira h3{margin:0 0 10px;font-size:14px;font-weight:500;color:var(--mjbc-tinta);text-transform:none}
.mjbc-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mjbc-it{background:#fff;border:1px solid var(--mjbc-linea);padding:8px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 10px;align-items:center}
.mjbc-it img{width:64px;height:64px;object-fit:contain;background:#f6f6f6}
.mjbc-t{font-size:12px;line-height:1.35;display:flex;flex-direction:column;gap:2px;min-width:0}
.mjbc-t b{color:#232323}
.mjbc-t .mjbc-por{font-size:10px}
.mjbc-p{color:var(--mjbc-vino);font-weight:600}
.mjbc-otros{font-size:12px;color:var(--mjbc-vino);font-weight:600}
.mjbc-it .mjbc-btn{grid-column:1/3;font-size:12px;padding:7px}
@media (max-width:991px){
  .mjbc-cards{grid-template-columns:1fr}
  .mjbc-card{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:12px;row-gap:6px}
  .mjbc-card>*{grid-column:2}
  .mjbc-card .mjbc-por{grid-column:1/3}
  .mjbc-card .mjbc-img{grid-column:1;grid-row:2/span 4}
  .mjbc-card .mjbc-img img{height:96px}
  .mjbc-card .mjbc-btn,.mjbc-card .mjbc-err{grid-column:1/3}
  .mjbc-mini{grid-template-columns:1fr}
}
@media (max-width:480px){
  .mjbc{padding:14px}
  .mjbc-card{grid-template-columns:72px minmax(0,1fr)}
  .mjbc-card .mjbc-img img{height:72px}
  .mjbc-precio{text-align:left}
}