/* Precios por mayor (inc/precio-volumen.php) — selector de cantidad, tarjetas y popup.
   Solo se encola con el experimento activo. Identidad Petróleo + Latón. */
.sh-vol{display:flex;flex-direction:column;gap:8px;margin:4px 0 14px}
.sh-vol-label{font-size:14px;color:var(--salvia,#5A6B68)}
.sh-vol button.sh-vol-opt{display:grid !important;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;
  width:100% !important;margin:0 !important;padding:12px !important;min-height:0 !important;
  background:#fff !important;color:var(--grafito,#1C2422) !important;border:1px solid var(--lino,#DEDCD6) !important;
  border-radius:4px !important;box-shadow:none !important;text-align:left !important;text-transform:none !important;
  letter-spacing:normal !important;font:inherit !important;font-family:var(--font-sans,Inter,system-ui,sans-serif) !important;
  cursor:pointer;transform:none !important;-webkit-appearance:none;appearance:none}
.sh-vol button.sh-vol-opt:hover{border-color:var(--petroleo-500,#2A5B57) !important}
.sh-vol button.sh-vol-opt:focus-visible{outline:2px solid var(--laton,#D29B3D);outline-offset:2px}
.sh-vol button.sh-vol-opt[aria-checked="true"]{border:2px solid var(--petroleo-900,#08201F) !important;padding:11px !important}
.sh-vol-radio{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--salvia,#5A6B68);display:grid;place-items:center;box-sizing:border-box}
.sh-vol-opt[aria-checked="true"] .sh-vol-radio{border-color:var(--petroleo-900,#08201F)}
.sh-vol-opt[aria-checked="true"] .sh-vol-radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--petroleo-900,#08201F)}
.sh-vol-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.sh-vol-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;color:var(--petroleo-900,#08201F);font-size:15px;line-height:1.3}
.sh-vol-pill{background:var(--rojo-precio,#B3251F);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:3px;line-height:1.3}
.sh-vol-tag{background:var(--petroleo-900,#08201F);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:3px 7px;border-radius:3px;text-transform:uppercase;line-height:1.3}
.sh-vol-save{color:var(--rojo-precio,#B3251F);font-size:13px;line-height:1.35}
.sh-vol-sub{color:var(--salvia,#5A6B68);font-size:12.5px;line-height:1.35}
.sh-vol-sub b{color:var(--petroleo-900,#08201F)}
.sh-vol-city{color:var(--petroleo-700,#0F3B3A);font-weight:600;text-decoration:underline;cursor:pointer}
.sh-vol-price{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap;font-variant-numeric:tabular-nums}
.sh-vol-price b{font-size:15px;color:var(--petroleo-900,#08201F)}
.sh-vol-price b.is-deal{color:var(--rojo-precio,#B3251F)}
.sh-vol-price s{font-size:12px;color:var(--salvia,#5A6B68)}
.sh-vol-price small{font-size:11.5px;color:var(--salvia,#5A6B68)}
.sh-vol-note{font-size:12.5px;color:var(--salvia,#5A6B68);margin:0}
.sh-vol [hidden]{display:none !important}
@media (max-width:420px){
  .sh-vol button.sh-vol-opt{grid-template-columns:20px minmax(0,1fr) auto;gap:8px}
  .sh-vol-name{font-size:14px}.sh-vol-price b{font-size:14px}
}
/* Tarjetas del catálogo */
.sh-vol-card{margin:2px 0 4px;font-size:12px;line-height:1.3;color:var(--petroleo-700,#0F3B3A);font-weight:600;text-align:left}
@media (max-width:600px){.sh-vol-card{font-size:11px}}
/* Popup del carrito */
.sh-vol-nudge{background:var(--petroleo-100,#DCE6E3);color:var(--petroleo-900,#08201F);border-radius:4px;padding:10px 12px;font-size:13.5px;line-height:1.4;margin:0 0 10px}
.sh-vol-nudge-btn{display:block;margin-top:8px;background:#fff;border:1px solid var(--petroleo-700,#0F3B3A);color:var(--petroleo-700,#0F3B3A);border-radius:4px;font:inherit;font-size:13px;font-weight:600;padding:6px 10px;cursor:pointer}
.sh-vol-nudge-btn:disabled{opacity:.6}
/* Línea «Precio por mayor» / «Precio por caja» en popup, carrito y pago: una píldora */
dl.variation dt.variation-Preciopormayor,dl.variation dt.variation-Precioporcaja{display:none !important}
dl.variation dd.variation-Preciopormayor,dl.variation dd.variation-Precioporcaja{display:inline-block !important;margin:4px 0 2px !important;padding:3px 8px !important;
  background:#F6E3E1;color:var(--rojo-precio,#B3251F);border-radius:3px;font-size:12px !important;font-weight:600;line-height:1.35}
dl.variation dd.variation-Preciopormayor p,dl.variation dd.variation-Precioporcaja p{margin:0 !important;padding:0 !important;font-size:inherit !important;line-height:inherit !important}