/* REBOX V115: iconografía del cliente. Ajustes visuales únicamente. */
.retail-shortcut>.rebox-customer-icon-box {
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#8c2858;
  background:#f9edf3;
  margin-bottom:5px;
  font-size:inherit;
  flex-shrink:0;
}
.rebox-customer-icon {width:20px;height:20px;display:block;stroke:currentColor;}
.retail-shortcut:hover>.rebox-customer-icon-box,
.retail-shortcut:focus-visible>.rebox-customer-icon-box{background:#f4e3ec;color:#76204c;}
.retail-shortcut:focus-visible{outline:2px solid #8c2858;outline-offset:2px;}
/* Mantener la estructura y el responsive de las tarjetas existentes. */
@media(max-width:640px){
  .retail-shortcut>.rebox-customer-icon-box{grid-row:1/3;align-self:start;margin-bottom:0;}
  .retail-shortcut{grid-template-columns:42px minmax(0,1fr);}
}
/* Carrito uniforme en todas las cabeceras. Conserva .action-icon,
   data-cart y .cart-badge usados por el JS original. */
.action-icon[data-cart] .rebox-cart-icon-pro{width:23px;height:23px;stroke-width:1.9;overflow:visible;}
.action-icon[data-cart]:hover .rebox-cart-icon-pro{color:#a43465;}
.action-icon[data-cart]:focus-visible{outline:2px solid #8c2858;outline-offset:2px;}